需要配置什么才能使文本不被包装?

时间:2014-10-25 08:16:15

标签: html css google-chrome-devtools mobile-browser

我正在使用WordPress构建网站。尽管这些页面非常适合移动网站,但此特定页面显示非常拥挤。这是网站网站的页面 - http://www.cyberfosters.com/anspress/

如果您在此页面上使用Chrome浏览器点击F12并切换"设备模式"你会看到它在移动设备上的显示方式,我会浏览CSS文件以找出需要更改的内容,但我似乎无法找到答案。 我想要的是,该页面应该像在网站上一样显示在移动设备上,但只是按比例缩小。

1 个答案:

答案 0 :(得分:0)

我正在查看你的html和css,问题似乎非常简单,你的网站不是为了小型设计,因为它使用PX和%的宽度值混合,设计必须设置为%才能工作在没有使用移动设备和其他PC的特殊页面的多个设备上这是我的推荐。

例如,如果你将一个1090像素的图像放在一个800px的屏幕分辨率上它将无法正常工作,那么我们所做的就是在这种情况下将图像宽度值设置为100%,这样就可以轻松地自动调整图像大小。对表格图像divs span等做同样的事情