非响应式网页(移动)

时间:2019-03-17 09:24:46

标签: html css responsive-design

伙计们,我对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)占据整个宽度。我不太确定该如何解决这个问题。

1 个答案:

答案 0 :(得分:1)

在您的脑海中,您的元视口缺少初始标度1

<meta name="viewport" content="width=device-width initial-scale=1">

这是正确的代码

相关问题