Khắc phục lỗi Blogspot lỗi trên thiết bị Android hoặc IOS - Blog Hồng - Thủ Thuật Blogspot- Facebook - Marketing

Khắc phục lỗi Blogspot lỗi trên thiết bị Android hoặc IOS

Dã bao giờ bạn gặp những lỗi CSS chỉ xuất hiện trên Iphone mà trên các thiết bị khác lại không bị gì chưa? Mình thì rồi đó, trong lúc loay hoay để xử lý thì tình cờ mình tìm ra cách dùng CSS thôi cũng xử lý riêng được, chúng ta cùng tìm hiểu xem cách ấy như thế nào nhé ( ngoài cách sử dụng CSS ra thì chúng ta có thể sử dụng Javascript để phát hiện thiết bị IOS nữa. )
Khắc phục lỗi Blogspot lỗi trên thiết bị Adroid hoặc IOS
Khắc phục lỗi Blogspot lỗi trên thiết bị Adroid hoặc IOS

Thuộc tính CSS

@supports (-webkit-overflow-scrolling: touch) { /* CSS specific to iOS devices */
} @
@
@supports not (-webkit-overflow-scrolling: touch) { /* CSS for other than iOS devices */
}
Phía trên là đoạn CSS để viết cho 2 trường hợp thiết bị IOS và thiết bị khác IOS mình sẽ giải thích đoạn css ấy như sau:

Đoạn css -webkit-overflow-scrolling: touch nó sẽ chỉ hoạt động trên safari mobile. còn thằng @supports nó sẽ nhận diện những thiết bị nào hỗ trợ đoạn css -webkit-overflow-scrolling: touch hoặc không (@supports not) từ đấy ta có thể css cho các thiết bị ios.

Hỗ trợ trình duyệt

Hiện tại thuốc tính @supports vẫn còn hạn chế trong việc hỗ trợ các trình duyệt nên chúng ta cần cân nhắc khi sử dung, chi tiết về việc hỗ trợ của các trình duyệt chúng ta có thể xem ở bảng bên dưới

Khắc phục lỗi Blogspot lỗi trên thiết bị Android hoặc IOS

Khi có đoạn code này trong tay bạn có thể tùy ý biết thêm CSS vào đúng vị trí để Khắc phục lỗi Blogspot lỗi trên thiết bị Adroid hoặc IOS

Đỗ Mạnh Hồng Designer, Developer

Tôi là Đỗ Mạnh Hồng chắc các bạn làm Blogger biết đến tôi cách đây vài năm trước rồi nhỉ, tôi xây dựng lên Blog Hồng với mong muốn lưu trữ những gì tôi trải nghiệm được mà không nhớ nổi để sau này tìm lại dễ dàng hơn và chia sẽ lại cho ai đó cần đến, những bài viết ở đây có một số tôi Coppy và tự viết.
Tôi mong rằng những bạn đến với Blog Hồng hãy văn minh lịch sự
URL : Copy
| https://www.bloghong.com/2019/09/khac-phuc-loi-blogspot-loi-tren-thiet.html

Không có nhận xét nào:

Đăng nhận xét