首先建议你用html5来开发，然后，在网页的 中增加以上这句话可以让网页的宽度自动适应手机屏幕的宽度其中width=devicewidth表示宽度是设备屏幕的宽度initialscale=10表示初始的缩放比例minimumscale=05表示。

浏览器部分能够显示的最小字体未12px，当移动端页面宽度为320px时，要保证最小字体为12px，那么在1080px的设计图中，最小字体应当为42px代码实例ltstyle type=quottextcssquot html fontsize 42px。

这就算是感应式设计了，也就是本文说的“屏幕自适应”由于设备分辨率不同，长宽比不同，如果设计一次，就要适应所有的屏幕包括PC，这个几乎是不可能的主要有以下三种情况1 如果等比例缩放，内部位置关系会发生变化。

myCanvassetAttributequotheightquot， screenavailHeightmyCanvassetAttributequotidquot， quotmyCanvasquotmyCanvas两种方案的共性都是在把元素添加进DOM前设置他的大小 估计是没分了，给后人看吧。

如何设置页面宽度适应 当设置小于1000px时，显示固定宽度媒体屏幕和最大宽度1000像素 正文 宽度1000px 高度760px 导入URLindexCSS调用原css实现自适应宽度 只需要用html调用两个css文件2。