Nếu bất cứ ai có thể trả lời này nó sẽ là một trợ giúp lớn cho người mới họcThẻ meta viewport được sử dụng như thế nào và nó hoạt động như thế nào?
<meta="viewport">
<head>.<meta> tag.Tóm lại, thêm dòng này vào trang web cần triển khai tỷ lệ khung nhìn nên khắc phục hầu hết các sự cố. (Sao chép từ WebDesignTuts+'s "Quick Tip: Don't Forget the Viewport Meta Tag" article)
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">T.B. Quirksmode cũng có a rather wonderful article describing the issue đáng để đọc để hiểu tại sao điều này có thể hữu ích.
Bạn có thể xem tất cả các chi tiết từ blog mozilla
Một bài viết về khung nhìn meta, thuộc tính khác nhau của nó, và làm thế nào để sử dụng nó trong các thiết kế của bạn là http://dev.opera.com/articles/view/an-introduction-to-meta-viewport-and-viewport/
Ngoài ra còn có một slidedeck giải thích mọi thứ một cách chi tiết và Github repo để đi với nó.
Tuyên bố từ chối trách nhiệm: Tôi là tác giả của các tài nguyên này.
Thẻ xem cổng meta được sử dụng để điều chỉnh kích thước và khả năng hiển thị của trang web theo kích thước của màn hình xem. Nó giúp trang web phù hợp tự động trong android, máy tính bảng hoặc iphone.
Bài viết tuyệt vời. Một câu hỏi nhỏ. Khi họ nói "thiết kế linh hoạt", điều đó có nghĩa là tất cả các kích thước (chiều rộng và chiều cao) đều theo tỷ lệ phần trăm (%)? –
Tôi tin rằng nó chỉ đơn giản đề cập đến khái niệm về [thiết kế web đáp ứng] (http://arstechnica.com/business/2012/05/whats-responsive-web-design-all-about/), vì vậy nó không nhất thiết có nghĩa là chiều rộng và chiều cao sẽ theo tỷ lệ phần trăm, nhưng điều đó có nghĩa là trang web được dự định được xem thoải mái trên màn hình ở mọi kích cỡ. Nó chỉ xảy ra như vậy trong ví dụ bài viết đưa ra, nó có thể là cả các truy vấn phương tiện và độ rộng dựa trên phần trăm. – Nightfirecat
tuyệt vời. cảm ơn! –