lt，其次你要把页面中的宽度修改为百分比width=devicewidth ，也就是@mediainitialscale=1quot解决方案2建议你看一下网上的教程或者案例，自己对比学习再写建议如果是小白的话，要不然不会自适应屏幕大小的，只要你编写的html代码符合html5规则就行html5不是转化的，建议你看一下html5标签。

以下几种方式1css把宽度设置成百分比，width100%左右布局按一定比例设置好 ，需要多次调试，保证不同分辨率下的美观性2根据不同分辨率或者不同屏幕大小定义相应的CSS文件一般多采用这种方式比如ltlink rel=quotstylesheetquot type=quottextcssquot id=quotlinksquot href=quotcssm_wuqinglancssquot。

quot自适应网页设计quot的核心，就是CSS3引入的MediaQuery模块它的意思就是，自动探测屏幕宽度，然后加载相应的CSS文件ltlink rel=quotstylesheetquot type=quottextcssquotmedia=quotscreen and maxdevicewidth400pxquothref=quottinyScreencssquot 上面的代码意思是，如果屏幕宽度小于400像素maxdevicewidth 400。

如果你的网页不经常更新，而且对页面效果极其在意，那好，你就设计两个页面，分别对应800×600和1024×768两种分辨率然后根据不同的分辨率进行跳转就行了例如ltscript LANGUAGE=quotJavaScriptquot function redirectPage var url_else = xxxxxxxx var url_800x600 = quotxxxxxxx var url_1024x768 =。

要实现网页自适应屏幕大小，关键在于设置元素宽度为百分比，并在HTML头部添加以下代码这样能确保网页在不同设备上都能适应对于图片，确保其自适应且不超过原始大小，可以使用以下样式img width 100% maxwidth 100% 这会让图片随着屏幕大小变化而相应调整大小在用户体验上，为了提升适应性。

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