非必要在HTML页面上不要使用绝对字体px，而要使用相对字体em，对于大多数浏览器来说，通常用 em = px16 换算，例如16px就等于1em5图片自适应非必要img标签的话，只需要设置 maxwidth 100%。

关于网站如何做到自适应网页，可根据如下操作首先，在网页代码的头部，加入一行viewport元标签viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度width=devicewidth，原始缩 放比例initial。

用CSS3 @media 查询 也叫“媒体查询”语法aaawidth1200px 正常样式 下面是分辨率最小为300px，最大分辨率为1024px的样式 media screen and minwidth 300px and maxwidth1024px aaaw。

手机和电脑的设置是不一样的，请根据客户端的标识，自动跳转到不同的页面即可。

首先，在网页代码的头部，加入一行viewport元标签viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度width=devicewidth，原始缩放比例initialscale=1为10，即网页初始大小占屏幕面积。

帝国CMS手机自适应显示不正常可能是由于多种原因导致的根据你提供的情况，以下是一些可能的原因和解决方法帝国CMS的模板代码问题帝国CMS的模板代码中可能存在某些错误或者不合适的CSS样式，导致在手机上显示不正常你可以。

亲，这个需要你知道rem与px的区别，如果要让手机自适应，用rem是最合适的。

根据你要做的产品图或banner图，外面的div要设置宽度高度里面的图片再设置 width100% heightauto。

and maxwidth 1199px ，这个是代表最大1199px 宽度的屏幕，当然括号里面的数字也有多少到多少之间或小于多少最小多少的设置数值， 可以把这类代码均剪切放到另外的文档中保存，然后重新刷新网页查看是否与PC端一样。

头部要加的是这个，放在标签里，这是初始化手机屏幕的 你写的这段是要放在所有css样式后边的，以防止样式覆盖这段的意思是在电脑屏或者其他屏上你显示的是一个样式，通过这个监控屏幕大小，等屏幕大小改变，则替换成另。

2移动站和PC站配置方式如何抉择？目前PC站与移动站配置方式主要有三种跳转适配代码适配自适应，跳转适配，通俗的讲就是新建个手机网站，移动端访问pc网页时能进行识别并跳转到相应的手机版面，国内常见的有。

iframe的HTML5自适应手机 首先你要明白css的height的使用规则，当设定 height100% 相对高度的时候，height 具有继承性，元素的具体高度相对于它的父元素，也就是它的父元素必须有具体的height属性值，不然本元素设置的。

1，输入positionfixedtop0left0将整个div固定在屏幕的顶部和左侧2输入width100％height100％min－width1000px这个可以适合div的高度和宽度，而min－width是为了实现让屏幕宽度在1000px以内时。

HTML5网页在电脑端和手机端都全屏显示的步骤如下1打开HTML5网页代码2在网页头部加上新代码，让网页的宽度自适应设备的宽度代码如下 3在输入代码完成后，把图片包括图片DIV 的宽度设置成百分之百即可。

这里还有一个测试小工具，可以在一张网页上，同时显示不同分辨率屏幕的测试效果，我推荐安装二允许网页宽度自动调整 “自适应网页设计”到底是怎么做到的？其实并不难首先，在网页代码的头部，加入一行viewport元标签viewport。

一般是使用js来判断，但是可以使用媒体查询来达到你要的效果，这是css3里面的新效果。