移动端–图片max-width:100%;

未分类6年前 (2018)发布 bestcyt
103 0 0

rem自适应,里面遇到了一个小小的坑,写其他pc端页面的时候,我见有给图片加最大宽度等于自身100%的,所以我试了下,
max-width: 100%;
查看演示
移动端--图片max-width:100%;结果就是上面的样子,当屏幕宽度大于图片本身的宽度时就会留空,所以只能给图片设置 width:100%;
手机端不能设置 max-width:100%;,因为手机端要根据屏幕大小改变图片大小自适应,给了max-width:100%;就相当于把图片的宽度写死到最大宽度是自己本身宽度。
移动端--图片max-width:100%;
移动端--图片max-width:100%;不到两个小时撸完,轮播图用的Swiper插件,没有加媒体查询
用 less 写起来样式真的很爽很爽




© 版权声明

相关文章