搜技巧 | 只提供最简单有效的方法与技巧

分享简单实用的方法与技巧
当前位置:搜技巧 > 网站开发 >


手机站图片自适应屏幕大小代码

  由于PC站的话,在上传文章图片的时候都会限制了图片的width和height,在手机上看就会被压缩。

图片自适应

  要解决这个问题需要以下2个代码:

  1.在手机站文章页面<head></head>里面添加

      <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />

  2.在手机站样式css页面,添加

      img{border:none;width:100% !important; height:auto !important; margin:0 auto}

图片自适应
 

分享:
如果文章帮助到你了,请点击打打赏小搜下小搜,感谢!