我正在开发一个响应式网站,但当转向横向所有其他元素时,我只能以纵向看到
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/