javascript - 图片高度随宽度动态等比缩放
巴扎黑
巴扎黑 2017-04-10 15:21:54
[JavaScript讨论组]

求;自适应页面中图片高度随宽度动态等比缩放,四张不同高度的图片显示时高度要一致(默认宽度为X,高为Y=X/80%的形式)

巴扎黑
巴扎黑

全部回复(3)
大家讲道理

把图片的高度设置成height: auto试试!

阿神

如果宽高比是自然的宽高比 设置height:auto就行 ;
如果宽高比 不是自然的宽高比:
图片宽度为什么会变; 一般是因为浏览器窗口变了; 你监听window.onresize 在其中使用a.height(a.width()*0.8);如果还有其他行为会导致 在该行为结束时执行就行;

重看一下 你是要求高度固定 宽度等比缩放啊 题目取错了 你该设置height :100px;width:auto

阿神

宽度一样,然后展示的高度也一样的话 四张本来就不一样大小的图片 应该不会是等比例缩放哦。
你要他们高度一样的话 还不如设置一个四个相同高度p 然后让img height:100%

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号