CSS3 có được hỗ trợ bởi tất cả các trình duyệt không?

Tìm hiểu về các trình duyệt và thiết bị, từ hiện đại đến cũ, được Bootstrap hỗ trợ, bao gồm các lỗi và lỗi đã biết cho từng trình duyệt

trình duyệt được hỗ trợ

Bootstrap hỗ trợ các bản phát hành ổn định, mới nhất của tất cả các trình duyệt và nền tảng chính. Trên Windows, chúng tôi hỗ trợ Internet Explorer 10-11 / Microsoft Edge

Các trình duyệt thay thế sử dụng phiên bản mới nhất của WebKit, Blink hoặc Gecko, dù trực tiếp hay thông qua API chế độ xem web của nền tảng, đều không được hỗ trợ rõ ràng. Tuy nhiên, Bootstrap (trong hầu hết các trường hợp) cũng sẽ hiển thị và hoạt động chính xác trong các trình duyệt này. Thông tin hỗ trợ cụ thể hơn được cung cấp dưới đây

Thiêt bị di động

Nói chung, Bootstrap hỗ trợ các phiên bản mới nhất của các trình duyệt mặc định của mỗi nền tảng chính. Lưu ý rằng các trình duyệt proxy (chẳng hạn như Opera Mini, chế độ Turbo của Opera Mobile, UC Browser Mini, Amazon Silk) không được hỗ trợ

ChromeFirefoxSafariTrình duyệt Android & WebView Microsoft Edge AndroidĐược hỗ trợĐược hỗ trợN/Android v5. 0+ được hỗ trợHỗ trợiOSĐược hỗ trợĐược hỗ trợĐược hỗ trợN/AĐược hỗ trợWindows 10 MobileN/AN/AN/AN/AĐược hỗ trợ

Trình duyệt máy tính để bàn

Tương tự, các phiên bản mới nhất của hầu hết các trình duyệt máy tính để bàn đều được hỗ trợ

ChromeFirefoxInternet ExplorerMicrosoft EdgeOperaSafariMacSupportedSupportedN/AN/ASupportedSupportedWindowsSupportedSupportedSupported, IE10+SupportedSupportedNot supported

Đối với Firefox, ngoài bản phát hành ổn định thông thường mới nhất, chúng tôi cũng hỗ trợ phiên bản Bản phát hành hỗ trợ mở rộng (ESR) mới nhất của Firefox

Không chính thức, Bootstrap sẽ có giao diện và hoạt động đủ tốt trong Chromium và Chrome dành cho Linux, Firefox dành cho Linux và Internet Explorer 9, mặc dù chúng không được hỗ trợ chính thức

Để biết danh sách một số lỗi trình duyệt mà Bootstrap phải vật lộn với, hãy xem Bức tường lỗi trình duyệt của chúng tôi

trình duyệt web IE

Internet Explorer 10+ được hỗ trợ; . Xin lưu ý rằng một số thuộc tính CSS3 và phần tử HTML5 không được hỗ trợ đầy đủ trong IE10 hoặc yêu cầu các thuộc tính có tiền tố để có đầy đủ chức năng. Truy cập Tôi có thể sử dụng… để biết chi tiết về việc trình duyệt hỗ trợ các tính năng CSS3 và HTML5

Nếu bạn yêu cầu hỗ trợ IE8-9, hãy sử dụng Bootstrap 3. Đây là phiên bản mã ổn định nhất của chúng tôi và vẫn được nhóm của chúng tôi hỗ trợ để sửa các lỗi quan trọng và thay đổi tài liệu. Tuy nhiên, sẽ không có tính năng mới nào được thêm vào nó

Phương thức và danh sách thả xuống trên thiết bị di động

Hỗ trợ cho overflow: hidden; trên phần tử khá hạn chế trong iOS và Android. Cuối cùng, khi bạn cuộn qua đầu hoặc cuối phương thức trong trình duyệt của một trong hai thiết bị đó, nội dung sẽ bắt đầu cuộn. Xem lỗi Chrome #175502 (đã sửa trong Chrome v40) và lỗi WebKit #153852

Kể từ iOS 9. 2, trong khi một phương thức đang mở, nếu lần chạm đầu tiên của cử chỉ cuộn nằm trong ranh giới của một văn bản hoặc một

Như bạn có thể đã nhận ra, CSS (và HTML và JavaScript) là một mục tiêu di động và các tính năng cũng như thông số kỹ thuật mới liên tục được giới thiệu và cải tiến. Quá trình này thường bao gồm rất nhiều sự cho và nhận với cộng đồng phát triển web, các tổ chức tiêu chuẩn (như W3C) và các nhà phát triển trình duyệt

Các thuộc tính mới hơn thường tồn tại trong một thời gian trước khi chúng có thể được sử dụng một cách đáng tin cậy trên các địa điểm sản xuất. Điều này xảy ra vì nhiều lý do

• Các trình duyệt khác nhau triển khai hỗ trợ vào những thời điểm khác nhau
• Các trình duyệt có thể hỗ trợ một số phần của thông số kỹ thuật trước các phần khác
• Các nhà phát triển trình duyệt có thể có những cách hiểu khác nhau về thông số kỹ thuật
• Một số thông số kỹ thuật bắt đầu khi các tính năng mới được trình duyệt triển khai
• Phiên bản trình duyệt cũ hơn sẽ không có bản cập nhật tính năng để hỗ trợ thông số kỹ thuật mới

Để cho phép sử dụng một đặc tả CSS chưa được triển khai đầy đủ trong trình duyệt hoặc trong giai đoạn triển khai ban đầu, chúng tôi sử dụng cái được gọi là Tiền tố nhà cung cấp CSS

Kiểm tra khả năng tương thích

Cho đến bây giờ, hầu hết CSS mà bạn đã học được hỗ trợ đầy đủ trên tất cả các trình duyệt. Đối với các thuộc tính mới hơn, từ CSS3 trở lên, điều đó không phải lúc nào cũng đúng

Điều quan trọng là phải kiểm tra tính tương thích của một thuộc tính để biết liệu bạn có nên sử dụng nó hay không. Bạn nên xem xét những điều sau đây

• Tính năng này có cần thiết để làm cho trang web/ứng dụng của tôi hoạt động hay nó là một cải tiến trực quan?
• Trình duyệt nào không hỗ trợ tính năng này?
• Tôi có thể cung cấp tùy chọn dự phòng hợp lý không?
• Xác định "điểm ngắt" cho tính năng. Hỗ trợ nên quay lại bao xa?

Có nhiều tài nguyên trực tuyến thu thập thông tin về khả năng tương thích của trình duyệt. Đôi khi thật khó để biết thông tin gần đây như thế nào. Điều quan trọng là phải cập nhật thông tin. Một trong những tài nguyên tốt nhất là Tôi có thể sử dụng ____ không?

chó săn. com cung cấp cho bạn thông tin hiện tại về tất cả hỗ trợ trình duyệt có liên quan. Bạn cũng có thể kiểm tra các sự cố phổ biến đã biết và các tài nguyên khác được liệt kê cho từng thuộc tính. chó săn. com cũng có thông tin về khả năng tương thích với HTML5, JavaScript và những thứ khác

Tiền tố nhà cung cấp CSS

Quá trình giới thiệu các thuộc tính CSS và phần tử HTML mới có thể là một quá trình dài và phức tạp. Đôi khi các thay đổi được đề xuất bởi các ủy ban tiêu chuẩn (như W3C) và những lần khác, các nhà cung cấp trình duyệt tạo các thuộc tính của riêng họ

Một thuộc tính do W3C tạo ra không thực sự hoạt động cho đến khi các nhà cung cấp trình duyệt triển khai chúng trong các phiên bản trình duyệt mới của họ. Ngoài ra, đôi khi có những bất đồng trong cách thực hiện một tiêu chuẩn. Những lần khác, nhà cung cấp trình duyệt tạo một thuộc tính mới mà sau này trở thành một tiêu chuẩn, nhưng với cú pháp hơi khác một chút. Và thậm chí tệ hơn, nếu người dùng cuối không bao giờ nâng cấp trình duyệt của họ thì không có tính năng mới nào hoạt động cả

Các nhà cung cấp trình duyệt cần một cách để thêm hỗ trợ cho các tính năng mới chưa được tiêu chuẩn hóa nhưng không làm rối các thay đổi sau này hoặc tạo ra các tính năng không tương thích. Để giải quyết vấn đề này, Tiền tố nhà cung cấp đã được tạo. Tiền tố nhà cung cấp là tiền tố đặc biệt được thêm vào thuộc tính CSS. Mỗi công cụ kết xuất có tiền tố riêng sẽ chỉ áp dụng thuộc tính cho trình duyệt cụ thể đó

Tiền tố nhà cung cấp năm 2017

Ít cần thiết hơn nhiều, nhưng vẫn được sử dụng

Trình duyệtTiền tố nhà cung cấpInternet Explorer-ms-Chrome-webkit-Safari-webkit-Firefox-moz-iOS-webkit-Andriod-webkit-Opera-o-

Ghi chú. Cả Chrome và Opera hiện đều sử dụng phiên bản webkit rẽ nhánh có tên là Blink làm công cụ kết xuất của họ. Hiện tại, họ sẽ tiếp tục sử dụng tiền tố -webkit, nhưng trong tương lai sẽ hoàn toàn không sử dụng tiền tố và sẽ yêu cầu bật các tính năng 'thử nghiệm' thông qua cài đặt tùy chọn. Firefox sẽ làm điều tương tự

CSS có tương thích với tất cả các trình duyệt không?

CSS3 có được hỗ trợ đầy đủ không?

Cái nào sau đây không hỗ trợ CSS3?

Trình duyệt nào hỗ trợ hầu hết tất cả các thuộc tính CSS?