Video: Muối TV | Phim Ngắn 2018 | Ranh Giới Học Trò | Phim Học Đường Cấp 3 Mới Nhất | Linh Ka 2025
Kể từ phiên bản CSS 2, có thể tạo kiểu được nhắm mục tiêu cụ thể đến các thiết bị khác nhau bằng cách thay đổi kiểu phương tiện. Ví dụ: bạn thường tạo một bảng kiểu đặc biệt cho máy in để loại bỏ hình nền và các yếu tố thiết kế khác có thể khiến trang khó đọc khi được in.
CSS 3 có ý tưởng này một bước xa hơn, làm cho nó có thể nhắm mục tiêu iPad và iPhone theo chiều dọc và chiều dọc. Trang web Jelly Rancher được sử dụng dưới đây là một ví dụ gồm hai bộ phong cách: Một bộ phong cách hoạt động tốt trên các trình duyệt máy tính để bàn mới nhất và các kiểu trang tính bổ sung được thiết kế cho iPhone và iPad.
Ở đây bạn thấy kết quả của việc sử dụng hai kiểu trang tính để làm cho trang HTML giống nhau hiển thị khác nhau ở chế độ phong cảnh và chân dung.
Trang web này được bắt đầu bằng cách tạo một bảng kiểu được thiết kế cho các trình duyệt máy tính để bàn có tên main. css. Bảng kiểu đó được liên kết đến trang với mã sau:
Các liên kết tiếp theo đã được thêm vào các trang tính được tạo cho chế độ phong cảnh và chân dung trên iPad và iPhone. Lưu ý rằng CSS 3 không đặc biệt bao gồm một cách để nhắm mục tiêu iPad hoặc iPhone, nhưng bạn có thể sử dụng CSS 3 để nhắm mục tiêu bất kỳ kích thước màn hình.
Vì vậy, các trang web nhắm mục tiêu iPhone và iPad bằng cách xác định chiều rộng tối đa và tối thiểu bằng kích thước của mỗi thiết bị. Để phân biệt thêm các kiểu trang, định hướng đã được thêm vào để xác định trình đơn kiểu nào nên được áp dụng bởi trình duyệt khi thiết bị ở chế độ dọc hoặc ngang.
Dưới đây là các liên kết đến hai kiểu trang tính cho iPad:
Ghi chú được bao gồm trong đoạn mã giữa các thẻ nhận xét để làm cho nó dễ dàng xác định các kiểu trang khác nhau trong HTML. Ví dụ, dòng
Dưới đây là các liên kết đến hai trang tính cho iPhone:
