平板电脑的CSS媒体查询

标签 css media-queries

<分区>


想要改进这个问题? 更新问题,以便 editing this post 可以用事实和引用来回答它.

关闭 9 年前

现在 1024x768 的平板电脑很少见。为 1024x768 编写媒体查询还可以吗?那些 Retina 平板电脑是否对呈现的网站进行升级以利用媒体查询。 twitter bootstrap 仍然沿用老路。这样做的真正意义是什么?

最佳答案

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

关于平板电脑的CSS媒体查询,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23683118/

上一篇:html - li 在 div 之外

下一篇:javascript - LESS - 在客户端设置变量

相关文章:

html - 在 HTML 电子邮件中使用媒体查询切换图像不起作用

iphone - 媒体查询跨设备冲突

html - 如何向下添加元素以便能够滚动?

javascript - 如何将单选按钮变成 CSS 按钮?

html - 设计技巧 : Visual distinction

javascript - SVG动画: Object along a path on a scroll

HTML5 语义元素对比。 div标签

html - 如何在移动设备上调整 html、css 的大小?

html - 最小宽度与最大宽度媒体查询 CSS

internet-explorer - IE 8 忽略媒体查询但最大宽度媒体查询有效