h5页面怎么适配各种机型，html5怎么适应手机

手机浏览的网页是什么格式的?怎么转化?另外有什么好的wap网站啊_百度...

1、手机浏览的网页通常采用HTML5格式，这是一种广泛支持且能在不同设备上提供一致浏览体验的标准。为了转化网页格式以适应手机浏览，开发者通常会采用响应式设计，这意味着网页会根据访问设备的屏幕尺寸和分辨率自动调整布局和元素大小。此外，也可以使用特定的移动端框架或工具来创建专为手机优化的网页版本。

2、wap网页是手机上网网页。WAP是英文WirelessApplicationProtocol的缩写，意思是“无线应用协议”。WAP是一种GPRS应用模式，但并不是手机上网的惟一模式。WAP是手机上网的一种格式，就像WWW是电脑上的一样，WAP是专门给手机上网制定的，也只有手机才能浏览WAP开头的网页。

3、常见WAP网站如下：3G门户：http：//wap.3g.net.cn，手机新浪网：http：//3g.sina.com.cn，WAP天下：http：//wap.waptx.com，3G泡泡：http：//3gpp.com.cn，QQ网站：http：//wap.3g.qq.com等等。

4、WAP全称Wireless Application Protocol ，中文名称是无线应用协议，是一项全球性的网络通信协议。它使移动Internet有了一个通行的标准，其目标是将Internet的丰富信息及先进的业务引入到移动电话等无线终端之中。

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

百分比法：CSS中的百分比相对于父元素宽度定位，子元素可按百分比设置尺寸，如设置padding或margin。这种方法适合布局简单的页面，实现复杂页面较为困难。 使用CSS3 rem单位：设置html字体大小为一个基准值，如根据屏幕宽度计算出合适的font-size。

用以下代码开头：！DOCTYPE HTMLhtmlheadmeta charset=utf-8meta name=viewport content=width=device-width， initial-scale=1 使用百分比定义宽度，CSS代码可以适当使用：media only screen and （max-width：449px）{ } 自动根据屏幕像素 调用不同的CSS代码。

通过设置viewport元标签，可以控制浏览器中的viewport大小和缩放比例，实现自适应布局。viewport元标签内通常包含设置设备独立像素、初始缩放比例以及最小和最大缩放比例的属性，这些属性帮助浏览器根据设备屏幕尺寸调整页面布局。采用rem单位进行布局，依据页面根元素的字体大小来设置其他元素尺寸，实现自适应布局。

首先你要在html页面头部加上下面的代码；viewport，不懂可以百度；content=，一些小的模块可以用固定尺寸；meta ， name=。再就是css中要应用到媒体查询，不能不用固定尺寸。/，其次你要把页面中的宽度修改为百分比；width=device-width； ，也就是@media；initial-scale=1。

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

输入position：fixed；top：0；left：0；将整个div固定在屏幕的顶部和左侧。输入width：100％；height：100％；min－width：1000px；这个可以适合div的高度和宽度，而min－width是为了实现让屏幕宽度在1000px以内时，div的大小保持不变。

在p里面书写了一些文字，然后想要在放入一张图片。；首先，我们应该先给p设置宽度和高度，保证文字有一个范围。；然后通过background给p添加一张图片作为它的背景。；通过url（）来连接图片，url里面放置的就是背景图片的路径。；放一张图片用作背景，注意，路径要写对。

至于你说的背景问题，你可以通过设置一个盒子为width：100%；height：100%；然后把图片放在这个盒子里面，然后设置图片自适应盒子（display：block； width：100%；），然后在根据body标签来定位，这样它就是一张完美适应的背景图了。

首先我们先打开自己的DreamWeaver软件，新建一个html5页面，然后命名，保存。然后我们先进行简单的页面布局。在body部分加入一个div，里面添加ul和li的嵌套。我们在li标签中添加部分内容，并设置其宽度为100%，即充满整个屏幕，高度为固定值。

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

1、百分比法：CSS中的百分比相对于父元素宽度定位，子元素可按百分比设置尺寸，如设置padding或margin。这种方法适合布局简单的页面，实现复杂页面较为困难。 使用CSS3 rem单位：设置html字体大小为一个基准值，如根据屏幕宽度计算出合适的font-size。

2、用以下代码开头：！DOCTYPE HTMLhtmlheadmeta charset=utf-8meta name=viewport content=width=device-width， initial-scale=1 使用百分比定义宽度，CSS代码可以适当使用：media only screen and （max-width：449px）{ } 自动根据屏幕像素 调用不同的CSS代码。

3、通过设置viewport元标签，可以控制浏览器中的viewport大小和缩放比例，实现自适应布局。viewport元标签内通常包含设置设备独立像素、初始缩放比例以及最小和最大缩放比例的属性，这些属性帮助浏览器根据设备屏幕尺寸调整页面布局。采用rem单位进行布局，依据页面根元素的字体大小来设置其他元素尺寸，实现自适应布局。

4、首先你要在html页面头部加上下面的代码；viewport，不懂可以百度；content=，一些小的模块可以用固定尺寸；meta ， name=。再就是css中要应用到媒体查询，不能不用固定尺寸。/，其次你要把页面中的宽度修改为百分比；width=device-width； ，也就是@media；initial-scale=1。

5、头部要加的是这个，放在head/head标签里，这是初始化手机屏幕的。meta name=viewport content=width=device-width， initial-scale=0， maximum-scale=0， user-scalable=no 你写的这段是要放在所有css样式后边的，以防止样式覆盖。

html5页面怎么适应个手机的尺寸

1、百分比法：CSS中的百分比相对于父元素宽度定位，子元素可按百分比设置尺寸，如设置padding或margin。这种方法适合布局简单的页面，实现复杂页面较为困难。 使用CSS3 rem单位：设置html字体大小为一个基准值，如根据屏幕宽度计算出合适的font-size。

2、html5中自动适应手机屏幕高度的方法：使用meta标签，这也是一种常用的方法。metaname=viewportcontent=width=device-width，initial-scale=0，minimum-scale=0，maximum-scale=0，user-scalable=no/解释该标签的含义：Height=device-width就是设置页面的高度，也就是手机的高度。

3、使用百分比定义宽度，CSS代码可以适当使用：media only screen and （max-width：449px）{ } 自动根据屏幕像素 调用不同的CSS代码。