gpt4 book ai didi

iphone - @media 查询不会在横向模式下触发 iPhone 6 plus

转载 作者:太空宇宙 更新时间:2023-11-04 03:11:12 24 4
gpt4 key购买 nike

我一直在根据关于 standard media queries for iPhone 6 models 的一个非常流行的答案使用以下查询,但是,横向模式不会被拾取。更令人费解的是,为纵向媒体查询编写的css在横向模式下仍然有效。

@media only screen 
and (min-device-width : 414px)
and (max-device-width : 736px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio : 3)
{ }

@media only screen
and (min-device-width : 414px)
and (max-device-width : 736px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio : 3)
{ }

是否有其他人遇到过同样的问题和/或知道解决方法?

最佳答案

@media only

技术上已弃用(http://dev.w3.org/csswg/mediaqueries-4/),不需要“唯一”,因此这可能是问题的一部分。

但是,如果不以至少 1000 像素为目标,我在 iPhone 6 上使用@media 时一般不会取得成功。

他们的缩放方法似乎是将图像以桌面~2k 分辨率发送到 Safari 移动浏览器,然后本地设备图像缩放处理缩放。

看来需要一种新方法,或者至少需要更多特定于设备的方法。

关于iphone - @media 查询不会在横向模式下触发 iPhone 6 plus,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29502848/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com