-
oldfu
1.图片样式img{max-width:100%;height:auto;display:block}2.创建新元素<picture alt="image description">
<source src="/path/to/medium-image.png" media="(min-width: 600px)">
<source src="/path/to/large-image.png" media="(min-width: 800px)">
<img src="/path/to/mobile-image.png" alt="image description">
</picture>
-
灰灰灰灰灰灰灰
img{width:100%}
.img{width:50%}<div class="img"><img src=""/> </div>利用外面包裹的div去控制图片的大小。外面的div可以使用不同的方式去控制。比如rem布局,或者vw,vh布局去编写,这样就可以自适应布局。
-
的v次污染
百分比写法或者使用媒体查询
-
Liy丶
你需要的是响应式布局 http://v3.bootcss.com/ 目前流行的前端框架 pc 手机 平板三合一实现该功能的是 Media Query
-
疯狂的小蜗牛
设置width:100%; height:auto; 或者套用框架布局
-
A空城
<style>
.divimg img{ width:100%; height:auto;}
</style>
<div class='divimg'><img src='../images/123.jpg'></div>以上是代码,直接套用就好
-
ke__ke
百分比最简单
-
新_day_day_new
你可以看一下响应式设计的相关内容,这是来自知乎的链接:https://www.zhihu.com/question/23346183。在加载图片的时候用js去实现预加载。