HTML网页的开发中，需要对大小不一的屏幕兼容，使图片在不同的设备中可以展示预期的效果。
环翠网站制作公司哪家好，找创新互联！从网页设计、网站建设、微信开发、APP开发、响应式网站开发等网站项目制作，到程序开发，运营维护。创新互联自2013年起到现在10年的时间，我们拥有了丰富的建站经验和运维经验，来保证我们的工作的顺利进行。专注于网站建设就选创新互联。
html5中是通过css3的background-size来控制自适应的。
style=width：50%/ 这样就会保持屏幕的50%的宽度。
div的100%是从其上一级div的宽高继承来的，有一点很关键，就是要设置div100%显示，必须设置其上一级div的宽度或高度，否则无效。
通过设置viewport参数 使用css3中的缩放 两种方法都需要获取当前屏幕大小然后根据网页宽度来计算缩放比例，然后进行缩放。但是因为目前手机种类繁多，浏览器种类也很多，所以每种方法各自都有不少的问题。
在文档流中，DIV的高度默认就是根据内容的高度自适应的。如果是想适配不同设备的窗口大小，可以设置百分比。或者通过position定位，然后设置top和bottom值。
没有大小限制 HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。画布是一个矩形区域，您可以控制其每一像素。
用css设置canvas的宽度和高度会放大或缩小画布。(默认宽度300，高度150)要设置画布大小需要设置canvas标签的width，height属性。
html5中的canvas元素 canvas元素必须要指定id、width（宽）、height（高）属性，虽然canvas元素是H5中用来绘制的图形，但是它的放置放和其他的元素没有区别。
1、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。在index.html中的button标签中，加入样式代码：style=width： 200px；height： 80px；。
2、html5设置按钮的宽度和高度一般是结合CSS3来设置的。
3、首先用sublime text2新建一个测试用的html页面。这个时候在网页中添加以个label标签和一个input框。预览一下效果，我们可以知道默认的宽度是10。这里我们通过设置size的属性修改一下宽度。再预览一下效果。
4、如果有需要可以追问哦 input：input 标签规定用户可输入数据的输入字段。根据不同的 type 属性，输入字段有多种形态。
1、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。在index.html中的button标签中，加入样式代码：style=width： 200px；height： 80px；。
2、html5设置按钮的宽度和高度一般是结合CSS3来设置的。
3、如果有需要可以追问哦 input：input 标签规定用户可输入数据的输入字段。根据不同的 type 属性，输入字段有多种形态。
4、首先创建一个名称为button的html文件，如下图所示。在body中加入onmousedown事件，事件中加入自定义函数，函数中加入事件返回对象。接着加入一个p标签加入id，如下图所示。
5、在此可修改表单的各项信息、表单提交按钮文本和提交反馈文本。注意事项 HTML5的流畅度与设备型号和版本高度相关，建议使用iPhone4s以上或安卓0以上的设备进行浏览。
6、因为点击之后字体变粗 高度变大 li左浮动之后 如果高度不统一 就会挤下来的。
1、H5的尺寸一般设计为640x1136px 既满足了显示需求，又能降低用户加载图片需要的带宽。可以用各种分辨率的移动智能手机查看我们设计的H5页面时，当然，也会出现如下的情况，内容显示不全，甚至一些重要内容和按钮都会被遮挡。
2、pc端网版页的设计稿尺寸是宽度1920px，高度最小是1080px，主体内容在权1200px内就行，比较规范。移动端网页的设计尺寸可以考虑680px和720px。
3、网页设计合适页面尺寸：800*600下，网页页面宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。
4、网页设计选用的分辨率是72像素，使用的画布尺寸1920px*1080px。但是并不意味着在整个画布上进行设计，一般采用全屏展示和两侧留白的方式。全屏展示，是整个网站看起来大气一些，但是布局要合理安排，不然看起来有些傻大的感觉。
5、网页设计标准尺寸：800*600下，网页宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。
6、手机端网页就没有统一标准了，比较流行的做法是按照iPhone 5的尺寸来设计。倍率2，逻辑像素320x568。 这样的做法比较实在，倍率2的屏幕无论在iOS还是Android方面都是主流，而且又是2倍屏幕中逻辑像素最小的。