我已经花了一段时间寻找答案,而且我开始认为对于CSS media queries
我有一些根本上的误解。
我有一个网站,其中包含一个带有max-width: 960px
的中心区域,其中body
具有min-width: 600px
。
这在PC上宽度可变的浏览器窗口上工作正常,但在移动设备上,该块被认为具有width
960px
,并且已拉伸到整个屏幕宽度。虽然我确实希望扩展该块,但我希望逻辑宽度较小,以使内容在屏幕上显得更大。
我想象解决方案是在小型设备上将width
中的body
设置为600px
,但是我不确定如何实现。我天真地尝试使用@media (max-width: 480px)
,该方法不起作用。我认为这是因为width
已被计算为960px
,但是,为什么在其他情况下仍然可以使用?
希望您能帮助我理解这一点以及如何实现逻辑上更窄的块。 干杯!