H5的尺寸一般设计为640x1136px 既满足了显示需求，又能降低用户加载图片需要的带宽可以用各种分辨率的移动智能手机查看我们设计的H5页面时，当然，也会出现如下的情况，内容显示不全，甚至一些重要内容和按钮都会被遮挡第一；然而并不能固定\r\n分辨率由显示器决定只能通过CSS来决定页面的宽度尺寸\r\n当你用1024*768的显示器时，你会发现页面很大\r\n但你用1920*1080的显示器时就会发现页面变小了\r\n其实页面的尺寸还是一样的。

浏览器部分能够显示的最小字体未12px，当移动端页面宽度为320px时，要保证最小字体为12px，那么在1080px的设计图中，最小字体应当为42px代码实例ltstyle type=quottextcssquot html fontsize 42px；这些浏览器会忽略用rem设定的字体大小下面就是一个例子p fontsize14px fontsize875rem 默认html的fontsize是16px，即1rem=16px，如果某p宽度为32px你可以设为2rem。

div的100%是从其上一级div的宽高继承来的，有一点很关键，就是要设置div100%显示，必须设置其上一级div的宽度或高度，否则无效举例说明父divdeman宽300高200，子divcc如果在这个条件下设置divcc的宽高都为100；lt！DOCTYPE HTMLlthtmlltheadltmeta charset=quotutf8quotltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=1quot 使用百分比定义宽度CSS代码可以适当使用media only screen and maxwidth449px。

目前有哪些大公司用HTML5做网站HTML5自适应网站是现在的主流，也可能是未来N年的主流公司企业HTML5自适应网站模板可以用千博html5如何通过页面长度来设置p长度给长度的时候都按照%的形式~就会实现自适应缩放~根据浏览；HTML设置table宽度的方法1直接使用table标签的width属性，语法“。

如果屏幕宽度在600像素到1300像素之间，则6张图片分成两行如果屏幕宽度在400像素到600像素之间，则导航栏移到网页头部如果屏幕宽度在400像素以下，则6张图片分成三行mediaqueries上面有更多这样的例子这里还有一个。

html页面宽度超出100%

style=#39width50%#39 这样就会保持屏幕的50%的宽度如果有上级标签，比如ltdiv lt img src=#39aipg#39style=#39width50%#39 ltdiv 那图片大小就是div宽度的50%，div没有设置宽度就会默认是屏幕宽度，如果设置。

1首先打开html5编辑器，新建一个html文件，在里面写入一个button按钮，被button按钮设置一个样式，这里给它的class属性设置为btn2在上方引入style标签，在里面设置btn类的样式，这里设置宽度和高度使用width和height属性就。

ltltspanmeta name=“viewport” content=“width=devicewidth， initialscale=10， minimumscale=05， maximumscale=20， userscalable=yes” 在网页的中增加以上这句话，可以让网页的宽度自动适应手机屏幕的。

var ifr_width=$windowwidth*075 $quot#demoquotcss#39width#39，ifr_width $quot#demoquotcss#39height#39，ifr_width*075ltscript jQuery中获取当前窗口的宽度代码是$windowwidth。

PC和mobile上是有区别的网页主要体现在倍率上，还有HTML5兼容问题iphone4s倍率是2x，即2倍iphone6倍率是2xiphone 6 plus 倍率是3x安桌上 hdpi倍率是15xxhdpi倍率是2xxxhdpi倍率是3x要想图片在mobile上。

01 新建一个HTML文件，代码如下图 02 打开HTML文件所在的文件夹，双击文件，跳转到浏览器 03 改变浏览器大小，发现图片没有变化，显示不全 04。

%，不是js设置，是css里面设置li的width 333333%li要float left浮动后才能在一行，或者display inlineblock之类的。