html – 使div内容响应

概述我的内容目前没有响应.我在iPhone上测试了它,文字在屏幕上显示. 我已将容器的CSS更改为： #container2 { width: 960px; max-width: 90%; position: relative; left: 50%; margin-left: -480px; line-height: 1.4em;} 当我在更改后测试 我的内容目前没有响应.我在iPhone上测试了它,文字在屏幕上显示.

我已将容器的CSS更改为：

#container2 {    wIDth: 960px;     max-wIDth: 90%;    position: relative;    left: 50%;    margin-left: -480px;    line-height: 1.4em;}

当我在更改后测试它时,内容消失.我读到最大宽度：90％;允许它不超过边界宽度(http://webdesignerwall.com/tutorials/5-useful-css-tricks-for-responsive-design),但显然它不起作用.我究竟做错了什么？

解决方法 试试这个CSS：

/* Show in default resolution screen*/#container2 {wIDth: 960px;position: relative;margin:0 auto;line-height: 1.4em;}/* If in mobile screen with maximum wIDth 479px. The iPhone screen resolution is 320x480 px (except iPhone4,640x960) */    @media only screen and (max-wIDth: 479px){    #container2 { wIDth: 90%; }}

这里演示：http://jsfiddle.net/ongisnade/CG9WN/

总结

以上是内存溢出为你收集整理的html – 使div内容响应全部内容，希望文章能够帮你解决html – 使div内容响应所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。