CSS宽度100%在此页面上未激活?

时间:2013-02-10 21:36:25

标签: html css

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

Hows来宽度:100%;在这里不起作用?内容不会随窗口宽度而缩小。

提前致谢

1 个答案:

答案 0 :(得分: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" />

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

当我将手机从LANDSCAPE旋转到PORTRAIT位置时,文本被重新对齐并正确格式化,并且彼此之间有文本行(重新流动)。 我认为Opera Mini和手机内置的工厂浏览器 - 工厂浏览器支持html5,但我不确定浏览器的品牌/品牌。