我正在开发一个响应式网站,但当转向横向所有其他元素时,我只能以纵向看到

screens

我对手机的媒体查询是:

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

 .. content mobile

}

最佳答案

@media (max-width:640px)


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

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


具有屏幕和窗口且最大宽度为640px的设备将应用样式。这与上面的几乎相同,除了您要指定屏幕外,其他最常见的是打印屏幕。

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


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

由于没有“仅”这样的媒体类型,因此较旧的浏览器应忽略样式表。

希望这有助于媒体查询。

关于css - 纵向到横向的宽度超过了Mobile,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/22846699/

10-13 01:59