扫码关注官方订阅号
求;自适应页面中图片高度随宽度动态等比缩放,四张不同高度的图片显示时高度要一致(默认宽度为X,高为Y=X/80%的形式)
把图片的高度设置成height: auto试试!
height: auto
如果宽高比是自然的宽高比 设置height:auto就行 ; 如果宽高比 不是自然的宽高比: 图片宽度为什么会变; 一般是因为浏览器窗口变了; 你监听window.onresize 在其中使用a.height(a.width()*0.8);如果还有其他行为会导致 在该行为结束时执行就行;
重看一下 你是要求高度固定 宽度等比缩放啊 题目取错了 你该设置height :100px;width:auto
宽度一样,然后展示的高度也一样的话 四张本来就不一样大小的图片 应该不会是等比例缩放哦。 你要他们高度一样的话 还不如设置一个四个相同高度p 然后让img height:100%
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
扫描下载App
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
把图片的高度设置成
height: auto
试试!如果宽高比是自然的宽高比 设置height:auto就行 ;
如果宽高比 不是自然的宽高比:
图片宽度为什么会变; 一般是因为浏览器窗口变了; 你监听window.onresize 在其中使用a.height(a.width()*0.8);如果还有其他行为会导致 在该行为结束时执行就行;
重看一下 你是要求高度固定 宽度等比缩放啊 题目取错了 你该设置height :100px;width:auto
宽度一样,然后展示的高度也一样的话 四张本来就不一样大小的图片 应该不会是等比例缩放哦。
你要他们高度一样的话 还不如设置一个四个相同高度p 然后让img height:100%