如何设计网页宽度自适应屏幕，图片也自适应大小，但不能超出它的原始大小。

　　这位网友你好，想要网页宽度自适应，你需要把网页元素宽度设置为百分比，还要在网页头部加上代码：

<meta name="viewport" content="width=device-width,initial-scale=1.0" />

　　图片自适应，且不超过原始大小，需要设置最大宽度，代码如下：

img{
  width:100%;
  max-width:100%;
}追问

我就是怎么做的，可是图片还是依据body的宽度的100%

追答

代码能发一下吗？贴出来看看。

追问

算了，自己解决了

应该是 width: auto; max-width:100%

追答

原来如此~

温馨提示：答案为网友推荐，仅供参考

当前网址：https://verywind.cn/ee/rf22ryr3eyxxy3e323.html