您好,我使用此创建了一个响应式移动网站:
max-width(480px) {etc..}
+
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
对于每个移动设备,网站看起来都一样 => 很棒。
但是当我更改为横向时,桌面显示的宽度超过 480 像素并且网站变化。
即使超过 480 像素,是否有可能禁用自动旋转或在移动设备上显示纵向模式?
问候
您可以尝试使用媒体查询来定位特定方向:
@media max-width(600px) and (orientation: landscape) {
rules for landscaped devices...
}
有关媒体查询的更多信息:
https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)