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

Question

如题所述

Answer 1

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

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

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

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

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

追答

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

追问

算了，自己解决了

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

追答

原来如此~

Answer 2

直接用UC浏览器就好了。 自动适应