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

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

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