CSS媒体查询和移动设备

时间:2019-08-12 18:19:23

标签: css mobile media

我已经花了一段时间寻找答案,而且我开始认为对于CSS media queries我有一些根本上的误解。

我有一个网站,其中包含一个带有max-width: 960px的中心区域,其中body具有min-width: 600px

这在PC上宽度可变的浏览器窗口上工作正常,但在移动设备上,该块被认为具有width 960px,并且已拉伸到整个屏幕宽度。虽然我确实希望扩展该块,但我希望逻辑宽度较小,以使内容在屏幕上显得更大。

我想象解决方案是在小型设备上将width中的body设置为600px,但是我不确定如何实现。我天真地尝试使用@media (max-width: 480px),该方法不起作用。我认为这是因为width已被计算为960px,但是,为什么在其他情况下仍然可以使用?

希望您能帮助我理解这一点以及如何实现逻辑上更窄的块。 干杯!

0 个答案:

没有答案