响应式网页发_手机客户端兼容.docVIP

响应式网页设计 如何解决各种尺寸不一样的浏览器的兼容问题 如何解决网页对于手机客户端的兼容问题 ①在head标签里加入这个meta标签。 meta name=viewport content=width=device-width, initial-scale=1.0 ②采用div标签来布局，并且对于所有模块的尺寸设定都采用百分比方式。 ③初始化格式化一些CSS属性的初始值（为什么我的网页采用百分比设定宽高后字体好小？）： /* 禁用iPhone中Safari的字号自动调整 */ html { -webkit-text-size-adjust： none; } /* 设置HTML5元素为块 */ article， aside， details， figcaption， figure， footer， header， hgroup， menu， nav， section { display： block; } /* 设置图片视频等自适应调整 */ img { max-width： 100%; height： auto; width： auto\9; /* ie8 */ } .video embed， .video object， .video iframe { width： 100%; height： auto; } 详细教程一： 响应式布局该怎么设计？CSS3 Media