html5画面自适应，h5页面自适应

html5手机页面背景图片自适应大小问题

首先建议你用html5来开发，然后，在网页的 中增加以上这句话：可以让网页的宽度自动适应手机屏幕的宽度。

如果通过css设置背景图，那么图片尺寸要足够大，目前大宽屏1920左右，所以宽度最好设置为1920，然后居中；如果通过div嵌入图片，那么将此div设置成绝对定位，z-index：-1。

html5中是通过css3的background-size来控制自适应的。

HTML网页的开发中，需要对大小不一的屏幕兼容，使图片在不同的设备中可以展示预期的效果。

解决方案2：建议你看一下网上的教程或者案例，自己对比学习再写。

img src=../a.ipgstyle=width：50%/ 这样就会保持屏幕的50%的宽度。

相关问答

Q1: html5如何设定高度自适应?

在文档流中，DIV的高度默认就是根据内容的高度自适应的。如果是想适配不同设备的窗口大小，可以设置百分比。或者通过position定位，然后设置top和bottom值。

通过设置viewport参数 使用css3中的缩放 两种方法都需要获取当前屏幕大小然后根据网页宽度来计算缩放比例，然后进行缩放。但是因为目前手机种类繁多，浏览器种类也很多，所以每种方法各自都有不少的问题。

使用textarea标签进行多行文本的输入有很多限制，比如不能实现高度自适应，会出现难看的滚动条等问题。

第一种：一定高度内容加多时自适应高度，而内容少时DIV有一定最小高度；第二种：没有最小高度，DIV完全自适应高度。

HTML的frame框架自适应高度的6个方法：可以给它添加一个默认的CSS的min-height值，然后同时使用JavaScript改变高度。

Q2: HTML5实现移动端自适应的几种方法介绍

1、第一种，伪“感应式”设计：（HTML5模板类方案）上图是HTML5模板类测试结果，依次是iPhoneiPhoneiPhone6 可以看出iPhone4时，变形最严重，iPhone5效果最好，iPhone6是等比例缩放后，两侧边缘，有些像素显示不了。

2、在文档流中，DIV的高度默认就是根据内容的高度自适应的。如果是想适配不同设备的窗口大小，可以设置百分比。或者通过position定位，然后设置top和bottom值。

3、不支持csshtml5的脑残浏览器特别是=ie8系列则需要用js以及resize事件来控制html的布局标签宽度了。 宽度自适应需要对每个显示模块进行不同宽度的计算，在做html布局时需要大量的计算与适配。

4、实现移动端自适应的方法有很多，其中一种方法是使用响应式布局。响应式布局是指根据不同的设备屏幕大小，动态地调整网页的布局和内容，使得网页在不同设备上都能够正常显示。

Q3: html5制作工具怎么做屏幕自适应

p.setattribute(数据-你好，这是一个重新分配)//jquery (p数据-你好)//获取 (p数据-你好，设置)//设置 html5设置图片自适应屏幕宽度？使用百分比，比如 这样就会保持屏幕的50%的宽度。

用iPhoneiPhoneiPhonePC、iPad访问同一个网址，正好能打开一个适合该设备的一个HTML5的页面，不留白边，不变形。

当屏幕宽度小于768px（手机）时，将图片换为小图，并在div里生成img标签，img的宽高随窗口变化而变化，包裹img的div也随之变化 打开代码编辑器。html代码的编写。css代码的编写。js的代码编写。

可以用JS监控屏幕大小，然后调整Canvas的大小。

Q4: 做好的html,怎么让它转成html5自适应屏幕大小?

(p数据-你好)//获取 (p数据-你好，设置)//设置 html5设置图片自适应屏幕宽度？使用百分比，比如 这样就会保持屏幕的50%的宽度。

也可以使用bootstrap框架直接引入css文件。

自然，解决这个问题的办法就是将表格宽度设置成固定宽度(也就是像素值)。另外如果外层表格已做好固定宽度设置，内层表格也可以适当使用百分比设置。清楚这个原则以后，如果出现类似的问题大家也知道怎么解决。

而在HTML5中简化为：！DOCTYPEhtml Step2：新增语义元素 HTML中，经常如果对header，footer，nav，aside等区域添加样式，则需要使用class或者id来定义。

图片自适应，且不超过原始大小，需要设置最大宽度，代码如下：img{ width：100%； max-width：100%；}。

html5画面自适应的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于h5页面自适应、html5画面自适应的信息别忘了在本站进行查找喔。