横向宽度超过移动设备的纵向

Question

我正在开发一个快速响应的网站，但是当我转向横向所有元素时，我只能在人像中看得很清楚

screens

我对移动设备的媒体查询是：

@media only screen and (max-width : 640px) {

 .. content mobile

}

Answer 1

@media (max-width:640px)

要应用这些样式的最大宽度为640px的窗口。

@media screen and (max-width:640px)

具有屏幕和最大宽度为640px的窗口的设备应用该样式。除了指定屏幕外，这几乎与上面相同，最常见的另一个是打印。

@media only screen and (max-width:640px)

关键字“only”也可用于隐藏旧用户代理的样式表。用户代理必须处理以“仅”开头的媒体查询，就好像“仅”关键字不存在一样。

由于没有＆＃34;只有＆＃34;这样的媒体类型，旧版浏览器应该忽略样式表。

希望这有助于媒体查询。