html - CSS 宽度 100% 在此页面上未激活？

Question

看看这个页面：http ://rebar.ecn.purdue.edu/LTAPmobile%20-%20Copy/Helpers/News.aspx

宽度：100%；在这里不工作？内容不会随窗口宽度缩小。

提前致谢

Answer 1

对我来说很好......

然后我阅读了您对移动设备的评论......

不幸的是，当我尝试在手机上加载域时，域已关闭或找不到？

无论如何，也许这个页面可以帮助你？

http://www.html5rocks.com/en/mobile/mobifying/

META TAG有可能

<!-- mobile check -->
<meta name = "viewport" content = "width = device-width">

可能需要修改以确保它在移动设备上正常工作。也许上面的链接可以帮助您指出正确的方向。

更新

最初该页面根本无法在我的移动设备上加载，因此我复制了您的代码并将其更改为保存到一个临时文件并将其上传到我的服务器，最初它仍然给出 404 错误。

因此，我将上面提到的 META TAG 从原来的内容修改为与下面列出的相同：

<meta name = "viewport" content = "width = device-width, initial-scale=1.0, user-scalable=yes" />

我还将指向以 ../ 开头的其他资源文件的链接修改为完全限定的路径名​​，在这样做并将其重新上传到我的服务器之后，我终于能够在我的移动设备上查看该页面（华为 G300 ASCEND 使用Opera Mini 浏览器）

当我将手机从横向位置旋转到纵向位置时，文本被重新对齐并正确格式化，并在彼此下方（重新排列）的文本行完成。我查看了 Opera Mini 和手机内置的工厂浏览器 - 工厂浏览器支持 html5，但我不确定浏览器的品牌/品牌。