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

1、p首先你要在html页面头部加上下面的代码；viewport，不懂可以百度；content=，一些小的模块可以用固定尺寸；meta ， name=。再就是css中要应用到媒体查询，不能不用固定尺寸。

成都创新互联公司主营双流网站建设的网络公司,主营网站建设方案,成都App制作,双流h5小程序设计搭建,双流网站营销推广欢迎双流等地区企业咨询

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

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

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

怎么制作HTML5页面让它适应电脑和手机的尺寸

了解什么是”自适应网页设计”自从2010年，Ethan Marcotte提出了 “自适应网页设计”(Responsive Web Design)这个名词，指可以自动识别屏幕宽度、并做出相应调整的网页设计。

在手机上不能固定宽度，要按百分比写页面宽度。才能自适应设备。主要是这两点，当然细节上面还有很多和PC端不一样的地方。指向文件错误，比如你的网页文件在A，但是你却指向了B。你把指向的文件放到网页文件内在试试。

打开HTML5网页代码。在网页头部加上新代码，让网页的宽度自适应设备的宽度。

在已安装的电脑桌面新建一个Word文档（演示文稿以Office2007系列为主），然后打开新建的文档，输入文字。

作铺满内框的图要按照这个尺寸的2倍大小去做。出血区也就是外框尺寸是422X748PX，作铺满外框的图要按照这个尺寸的2倍大小去做。这个你可以参考下意派Epub360的画布标准，这个工具是专业级的H5工具。

移动端HTML5如何开发?跟PC端有什么区别

1、web前端开发还包括了其它技能，比如说后台html，css，div等都是属于web前端开发的，html5和其它技能都是一样的，是属于web前端开发的一种技术，就是平时所说的移动端的网页制作，简称H5。

2、Web前端意思就是网站前台部分，运行在PC端，移动端等浏览器上展现给用户所浏览的网页。前端开发顾名思义就是这些页面设计的实现，代码的实现。

3、h5是指html5，是用来显示网页内容的超文本标记语言，PC一般指电脑端，与之对应的就是移动端，h5移动端指的是用h5来实现的APP或手机网站，h5pc端，一般不这样说，简单理解就是电脑上浏览器打开的网页通过h5来实现的。

4、移动web开发 跟web前端开发差别不大，使用的技术都是html+css+js。区别为手机浏览器是webkit的天下，pc端是三足鼎立IEfirefox chorme。手机网页可以理解成pc网页的缩小版加一些触摸特性。

5、移动前端开发可分为：手机网页开发。这部分跟web前端开发差别不大，使用的技术都是html+css+js。区别为手机浏览器是webkit的天下，pc端是IE的天下。手机网页可以理解成pc网页的缩小版加一些触摸特性。

6、前端即网站前台部分，也叫前端开发，运行在PC端，移动端等浏览器上展现给用户浏览的网页。

网页名称：html5手机全屏 html 全屏
分享URL：http://scyanting.com/article/dgjiidj.html