Nem*_*vić 4 html5 metadata twitter-bootstrap-3
如果我们不使用Bootstrap,我们需要<meta name="viewport" content="width=device-width, initial-scale=1.0">在<head>HTML页面中吗？
Obs*_*Age 12
YES.<meta name="viewport" content="width=device-width, initial-scale=1.0">与Bootstrap框架完全无关,并且应该在每个网页上,无论您使用什么框架.
的viewport META tag允许device width映射到widthCSS属性,这实质上意味着器件中的像素正确地映射到CSS像素,从而允许元件和字体正确移动设备上的比例的.如果没有这个,像素就不是传统意义上的像素.
如果没有这些viewport META tag,您将非常难以确保您的网站在各种不同的移动设备上看起来相同,因为大多数移动设备都有不同的视口.ViewportSizes有一张展示286种不同移动设备的工作表及其各自的视口大小供参考.
即使使用基于百分比的测量单位,字体在一台设备上看起来可能太大,而在另一台设备上看起来太小.Apple 在Safari中提供了很好的文档.
为确保您的网站在所有移动设备上正确显示,请务必使用viewport META tag,并使用媒体查询.如果您需要针对特定设备进行微调,CSS Tricks会为特定移动设备提供有用的媒体查询列表.
| 归档时间： |
|
| 查看次数： |
2575 次 |
| 最近记录： |