如何使2000 x 900的大图片在浏览器中宽度自动适应屏幕，不出现滚动条，而高度出现滚动条
6条回答 默认 最新
Go 旅城通票 2017-09-06 08:45关注设置width:100%就行了，不设置高，会自动等比
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏举报
分享
- 2017-09-06 08:24回答 6 已采纳 设置width:100%就行了，不设置高，会自动等比
- 2022-07-20 16:53回答 4 已采纳 在css设置高度时有几种单位分别是:px,%,vh你可以试试用vh,vh的意思是网页高度的百分比,举例,如果网页高度是1080px,50vh就是一半,就是540px,用vh设置高度比用百分比布局好的地
- 2022-02-25 18:46回答 1 已采纳 this.$nextTick(()=>{ this.calcRate() })
- 2020-07-21 21:29CLAY超的博客 1.创建设置图片的div <div class="img-wrapper"></div> 2.设置其样式 设计原因： 开发中图片为固定大小，计算宽和高的比例即是padding-bottom的值 背景图不受内边距的影响，它会充满整个盒子（内容区+...
- 2022-03-03 10:34回答 1 已采纳 <div style="height:100%"></div> 这样高度就随着父元素自适应啊
- 2022-11-09 10:21回答 4 已采纳 .shadow_css加个bottom:0
- 2015-11-05 06:25回答 5 已采纳 用HTML5的background-size：http://www.w3school.com.cn/cssref/pr_background-size.asp 或者用jquery.supersi
- 2022-05-20 11:40lztry_的博客 使用css的transform里面的放大缩小进行页面自适应控制,把放大缩小的基准点这是到左上角 <div id="app" :style="{width:transformCustom ==1?'100%':'1024px',transform: 'scale('+transformCustom+')', 'transfo
- 2019-01-19 11:46回答 3 已采纳 只要html,body和div 都设置 height: 100%;就可以始终自适应浏览器窗口的高度了，不需要js代码
- 2021-05-06 19:20回答 4 已采纳 <style> .img{max-width:100%;display:block;margin:0 auto} </style> <img class="img" s
- 2023-02-10 21:42回答 2 已采纳 CSS 提供了一个可以直接实现文字大小随容器大小变化的属性值：vw 和 vh。 vw (Viewport Width) 单位表示文字大小相对于当前视口宽度的百分比，例如：font-size: 5vw
- 2022-03-05 15:10_yummy_的博客 如何实现前端背景图片自适应浏览器窗口大小，只需要添加如下CSS样式既可， background-image: url("../image/bcg.jpg"); background-repeat: no-repeat; background-size: cover; -webkit-background-size: ...
- 2022-01-02 10:03回答 3 已采纳 有没有使用前端框架呢，如bootstrap，vue等框架都可以使用栅格自动适应
- 2022-11-10 15:31石小石Orz的博客 图片自适应DIV盒子的大小，根据浏览器窗口大小，自动更改图片大小
- 2022-04-26 10:36尔滨丶陈春波的博客 解决前端背景图自适应与图片自适应问题。一
- 没有解决我的问题, 去提问
悬赏问题
- ¥60 更换迈创SOL6M4AE卡的时候，驱动要重新装才能使用，怎么解决？
- ¥15 让node服务器有自动加载文件的功能
- ¥15 jmeter脚本回放有的是对的有的是错的
- ¥15 r语言蛋白组学相关问题
- ¥15 Python时间序列如何拟合疏系数模型
- ¥15 求学软件的前人们指明方向🥺
- ¥50 如何增强飞上天的树莓派的热点信号强度，以使得笔记本可以在地面实现远程桌面连接
- ¥20 双层网络上信息-疾病传播
- ¥50 paddlepaddle pinn
- ¥20 idea运行测试代码报错问题