<分区>
标签 ipad css media-queries
<分区>
我看到一些带有@media 的页面的最小宽度设置为 481px。
为什么? 481有什么用?
我认为 ipad 尺寸是 768*1024 。
谢谢。
@media only screen and (device-width: 768px) {
/* For general iPad layouts */
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
/* For portrait layouts only */
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
/* For landscape layouts only */
}
最佳答案
这是因为人们还为智能手机定义了媒体查询。大多数时候 width = 480px。
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {} }
所以下一个更高分辨率将是 min-device-width = 481px
希望这有助于了解更多信息,请查看 http://css-tricks.com/snippets/css/media-queries-for-standard-devices/
关于ipad - 最小宽度 = 481 为什么,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15621428/
相关文章:
iphone - 将核心指标添加到 iphone ipad 应用程序
iphone - iPad IOS 5.0.1 中的应用程序崩溃
html - 为什么选择器不起作用,在@media 中忽略修改和删除线
iOS:iPad切换到横向时uitableViewCell的框架发生变化
仅 CSS : How can I center fixed width div between two divs that fill the remaining space?
javascript - 使用 jQuery 淡出我的侧边栏 (div)