非响应式页面

3
我正在为我的客户运行Facebook广告,但他的网站相当陈旧,有几个页面在移动版本中不够响应。我了解基本的HTML和CSS,足以进行简单的编码,但不确定如何解决这个问题。
问题:以下是链接的页面,并附有图像。在移动版本中,主要内容div基本上只占屏幕的四分之三。当在移动设备上时,客户的其余页面都很好(占据整个屏幕)。

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

感谢您的帮助。

enter image description here enter image description here


那么你的意思是你希望它们具有响应性,只是它们现在没有? - soulshined
1个回答

3

编辑:

看了下面的评论,我意识到我太年轻,不关心残疾人士。对此我感到抱歉,以下是新的答案:


简单来说,将以下内容添加到标签中:

<meta name="viewport" content="initial-scale=1">
initial-scale,正如其名称所示,定义了您的网站将以哪种比例呈现。
还有其他参数可用于content标签: width=device-width将宽度设置为与设备相同,就像height=device-height一样是高度相同的。 user-scalable=no,这表示您无法缩放页面,并且不推荐使用,也可以将此参数设置为yes

帮助他人,也会得到帮助!:D - Eduardo Procópio Gomez
哦,抱歉 @soulshined - Eduardo Procópio Gomez
你有什么其他建议吗,@soulshined? - Justin
“而且当你构建页面时很常见”这种说法是完全错误的。在这里可以看到有关其相关性的讨论(https://ux.stackexchange.com/questions/80487/revisiting-user-scalable-no)。它是否需要某些功能(比如说谷歌地图)可能需要。但仅仅为了拼凑一个解决方案就使用它,无论从哪个方面来看都不友好,尤其是在可访问性方面。你应该保持正确的方向,专注于响应式设计,使所有用户都能受益。@Justin - soulshined
非常抱歉,我在这里是新手。 - Eduardo Procópio Gomez

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接