禁用移动设备的横向模式

时间:2014-07-02 15:36:52

标签: html css landscape meta portrait

您好我在那里创建了一个响应式移动网站:

max-width(480px) {etc..} 

+

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">  

对于每个移动设备,网站看起来都相同=&gt;大。

但是当我改为横向时,超过480px并且桌面的网站变化显示。

是否有可能禁用自动旋转或在移动设备上显示纵向模式,即使有超过480像素?

问候

2 个答案:

答案 0 :(得分:2)

您可以尝试使用媒体查询定位特定方向:

@media max-width(600px) and (orientation: landscape) {
    rules for landscaped devices...
}

有关媒体查询的更多信息:

https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries

答案 1 :(得分:0)

将媒体查询更改为更高的值?

max-width(600px) {etc..}