【响应式web设计--图片大小自适应的三种方法】整理于《响应式web设计 HTML5和CSS3实践指南》一书
文章图片
①基于宽度百分比
文章图片
@media screen and(max-width:1024px){
img.img2{width:200px;
}
}
@media screen and(min-width:1025px){
img.img2{width:300px;
}
}img.img2{height:auto;
}
推荐阅读
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- web网页模板|如此优秀的JS轮播图，写完老师都沉默了
- JavaScript|JavaScript之DOM增删改查(重点)
- 网络|一文彻底搞懂前端监控
- css|我用css精灵图拼接了自己的英文名字，不会还有人不知道精灵图技术吧（）
- css|css三角的做法及其案例
- css|css中元素的显示与隐藏
- JavaWeb|JavaWeb学习——CSS
- flex|C语言-使用goto语句从循环中跳出
- java|你跳一次涨多少（今天见识到跳槽天花板！！）