非响应页面

时间:2019-02-14 01:16:52

标签: html css

我正在为一个客户运行Facebook Ads,但是,他的网站很老,有些页面在移动版本中没有响应。我知道基本的HTML和CSS,足以进行简单的编码,但不确定从何处开始。

问题:链接的页面在下面,并带有图像。在移动版本中,主要内容div基本上仅占据屏幕的四分之三。在移动设备上,客户的其余页面都很好(占据了整个屏幕)。

http://stkildafitnesstrainer.com.au/our-trainers.html http://stkildafitnesstrainer.com.au/services.html

感谢您的帮助

enter image description here enter image description here

1 个答案:

答案 0 :(得分:2)

简单,将其添加到您的脑袋:

<meta name="viewport" content="width=device-width, height=device-height, user-scalable=no">

上面的代码不需要关闭。

width=device-width将BODY宽度设置为与设备相同,例如height=device-height。 并且我添加了user-scalable=no,这表示您无法缩放页面。