如何设计网页宽度自适应屏幕，图片也自适应大小，但不能超出它的原始大小。
导读：本文共295字符，通常情况下阅读需要1分钟。同时您也可以点击右侧朗读，来听本文内容。按键盘←（左） →（右） 方向键可以翻页。
摘要： 这位网友你好，想要网页宽度自适应，你需要把网页元素宽度设置为百分比，还要在网页头部加上代码：1<metaname="viewport"content="width=device-width,initial-scale=1.0"/> 图片自适应，且不超过原始大小，需要设置最大宽度，代码如下：1234img{width:100%;max-wid... ...
音频解说
目录
(为您整理了一些要点),点击可以直达。
这位网友你好，想要网页宽度自适应，你需要把网页元素宽度设置为百分比，还要在网页头部加上代码：1<metaname="viewport"content="width=device-width,initial-scale=1.0"/> 图片自适应，且不超过原始大小，需要设置最大宽度，代码如下：1234img{width:100%;max-width:100%;}我就是怎么做的，可是图片还是依据body的宽度的100%
代码能发一下吗？贴出来看看。
算了，自己解决了
应该是 width: auto; max-width:100%
原来如此~
本文：
如何设计网页宽度自适应屏幕，图片也自适应大小，但不能超出它的原始大小。的详细内容，希望对您有所帮助，信息来源于网络。