手机网站访问出现错位怎么解决

老师，我学习了手机网站制作教程之后，做了一个手机网站，我用电脑模拟手机测试是正常的，但用手机浏览自己的手机网站时就出现了一部分错位，好像错位比较多的就是网站上的图片，请问这个该怎么解决呢？

你好！手机网站错位多是由于网站版面宽度在制作过程中没有设置100%，还有图片的宽度也要设置最大宽度属性。你可以在自己网站的CSS文件里添加以下的CSS样式。

*{padding:0;margin:0;box-sizing:border-box;//设置网页所有元素内边距不增加宽度}

img{max-width:100%;height:auto;//控制图片最大宽度}