当屏幕宽度小于768px手机时，将图片换为小图，并在div里生成img标签，img的宽高随窗口变化而变化，包裹img的div也随之变化 1打开代码编辑器1html代码的编写3css代码的编写4js的代码编写5在移动端手指。

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

在网页的中增加以上这句话，可以让网页的宽度自动适应手机屏幕的宽度其中width=devicewidth 表示宽度是设备屏幕的宽度 initialscale=10表示初始的缩放比例 minimumscale=05表示最小的缩放比例 maximumscale=。

2HTML代码的截图效果3自适应最重要的样式如下ltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=1， userscalable=noquot width 100%backgroundsize 100% 100%4最终的效果是这样。

1200px 正常样式 下面是分辨率最小为300px，最大分辨率为1024px的样式 media screen and minwidth 300px and maxwidth1024px aaawidth375px 可以参考菜鸟教程CSS3 @media 查询。

怎么让chrome或者自带浏览器自动适应手机萤幕 chrome或者自带浏览器自动适应手机萤幕不是取决于浏览器的设定，而是取决于所访问的网站是否有针对手机等移动装置进行自适应设计或者转码设计 早期网站在设计时，由于设计程式。