html5自适应网页代码，自适应h5页面

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

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

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

使用百分比，比如 img src=../a.ipg style=width：50% / 这样就会保持屏幕的50%的宽度。

首先看你的背景图片大小，如果很大的话，一般情况下很多显示器都会显示的合适。如果是想适应移动设备的，用一个CSS3属性 background-size：cover；就可以了，可以将背景图根据窗口大小铺满整个浏览器窗口。

但是没法儿获得两张分辨率中间大小的版本），而且在很多情况下（比如cms中）并不适合用背景图片。

相关问答

Q1: html5自适应懂得高手来

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

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

也不能使用具有绝对宽度的元素。这一条非常重要。

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

，输入position：fixed；top：0；left：0；将整个div固定在屏幕的顶部和左侧。

Q2: 如何去设计一个自适应的网页设计或html5

1、首先，在网页代码的头部，加入一行viewport元标签。

2、响应式网站主要是一HTMLCSS3为基础，需要精通这两种技术的高手。

3、网页设计教程设置网页步骤 打开PS，新建空白文档，名称设置为“某某工作室”，从预设大小下拉列表中选择“1024x768”，模式设计为“RGB颜色”，内容设置为“白色”，点击“好”按钮完成文档的创建工作。

4、在手机上打开百度H5这个网页制作软件，选择新建一个页面就会出现这样的背景，手机网页可以在这里进行制作。直接使用模板来进行制作，从软件的模板库中选择一个模板作为手机网页的模板。

5、如何去设计一个自适应的网页设计或HTMl5 自适应网页设计 自从2010年，Ethan Marcotte提出了 “自适应网页设计”(Responsive Web Design)这个名词，指可以自动识别萤幕宽度、并做出相应调整的网页设计。

6、HTML5 制作响应式网页，首先需要考虑是全平台适配还是只是移动端适配。这里以移动端响应式网站为例，讲述如何制作响应式网页。选定基本设计尺寸，一般以1080为基准。

关于html5自适应网页代码和自适应h5页面的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。