伙计们,我对CSS / html / responsivity设计还是比较陌生,如果这是一个基本问题,请对不起。我正在尝试使某个页面在移动设备上占据整个宽度。
问题是,在下一页上,最大的容器在移动设备中仍然仅占据3/4的视口:
http://stkildafitnesstrainer.com.au/our-trainers.html
我尝试过:width = device-width,height = device-height,user-scalable = no,它可以快速解决,但显然绝不是理想选择,因为它疏远了需要缩放的人,所以不会使用这个。
其余页面(如http://stkildafitnesstrainer.com.au/about-us.html)占据整个宽度。我不太确定该如何解决这个问题。
答案 0 :(得分:1)
在您的脑海中,您的元视口缺少初始标度1
<meta name="viewport" content="width=device-width initial-scale=1">
这是正确的代码