Question

现在每天使用1024x768的平板电脑很少见。为1024x768写媒体查询是否仍然可以？做那些视网膜平板电脑升级渲染的网站，以利用媒体查询。 twitter bootstrap仍然是旧的方式。这样做的真正含义是什么？

Answer 1

提及那里的最小dpi，为那些高分辨率显示器指定特定的css

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 1024px) { 
    /* Retina-specific stuff here */
}
// "Retina" being "2x":

Answer 2

默认情况下，高分辨率平板电脑/手机将占据大约1024px（它会有所不同;在我的测试中，视网膜iPad在没有正文内容的页面上默认为980px）。移动浏览器根据需要放大和缩小页面布局（这与用户交互不同）。您无需为2048 x 1536视网膜分辨率创建特殊媒体查询。 HTML页面可以告诉移动浏览器如何使用元视口标记处理布局。见https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag

平板电脑的css媒体查询

2 个答案: