整个页面背景就是一张图片。
我希望图片能实现高度和宽度的自适应，就是始终保持长宽都贴合屏幕
如果图片高了就缩回和屏幕一样高，如果宽了就缩回一样宽
如果不够就拉伸
JS图片高度自适应问题
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
分享- 邀请回答
-
1条回答 默认 最新
Go 旅城通票 2015-11-11 06:38关注html5的background-size，ie8-不支持：http://www.w3school.com.cn/cssref/pr_background-size.asp
或者用jquery.supersized
http://buildinternet.com/project/supersized/
http://blog.csdn.net/gxxloveszj/article/details/8988568解决 无用评论 打赏举报 分享
- 2022-03-03 10:34回答 1 已采纳 <div style="height:100%"></div> 这样高度就随着父元素自适应啊
- 2022-06-30 09:54回答 2 已采纳 legend自适应位置的话可以添加window.onresize，根据页面可视宽度动态调整下legend的let，top值，比如下面这样，类似css3的media query自适应 var t
- 2021-12-15 13:46回答 1 已采纳 height:100%;不过这个要求父元素的高度就是根据屏幕高度来的height:calc(100vh - xxx - xxx);这里的xxx代表头部的导航等高度，这个是固定的js动态获取屏幕高度-其
- 2021-06-12 14:43weixin_39779537的博客 [摘要]你肯定知道width百分比可以实现图片宽度的自适应，那么你知道高度也可以根据宽度变话而自适应比变化么，看下本文就了解了！当前响应式布局，内容尺寸自适应设备是众多网站开发者的选择，毕竟现在显示器、...
- 2022-03-02 16:09回答 1 已采纳 你这是大屏吧,全屏不就完全展示了吗
- 2022-03-17 13:59回答 2 已采纳 不能直接写https://www.codeleading.com/article/19172388540/
- 2021-04-14 14:52回答 1 已采纳 你页面resize时 百度地图这个对象也要重新reload https://dafrok.github.io/vue-baidu-map/#/zh/start/base
- 2022-11-18 11:01Axlxhxx的博客 自适应表格的max-height,即使头部元素发生换行也不影响，不是表格也可以用，自行调整底部距离即可。(此函数没有监听窗口resize)
- 2022-08-03 11:02回答 5 已采纳 你中间部分 肯定要 减去 头和 底部 的高度才行 。calc 可以 计算高度 calc(100vh - 100px)也行 。100就是 首和底部的距离 根据你的需求改变 。calc 符号 之间要有空格
- 2023-02-15 21:15回答 3 已采纳 layUI初始化过select的UI，显示的非原生select，用下面代码监控下layUI打开关闭即可 const observer = new MutationObserver((
- 2021-09-16 19:27回答 3 已采纳 :autosize="{minRows: 25}" 呢？你得给autosize传个对象，如果不用:autosize而是用autosize传值的话，传过去的是字符串了，不是对象。
- 2021-01-11 19:15丁1点儿的博客 一、概述：在开发小程序的项目中，经常会用到swiper这个轮播组件，但是使用的时候会有一个问题，swiper系统...image的高度是无法用px固定单位，一般是宽固定 rpx，mode="widthFix" 高度自适应。下面就开始介绍如何用...
- 2021-12-03 10:12回答 1 已采纳 手机页面宽度，一般就是浏览器窗口的宽度，表示方法其实挺多，比如100vw、window.screen.width。然后图片正常你如果只设置宽度，高度一般就自适应了。
- 2021-10-08 16:25糯米w的博客 前言： 前几天写第一版代码的时候，测试跟我说，你这用户上传图片显示有问题啊，图像... 我还不信了，最终用一个js方法实现了图片的自适应，无论什么格式的图片，显示其比例都不会出错。 目录 前言： 一...
- 2021-11-12 15:08Nomal_1bit的博客 我们希望外部的swiper 自适应内部的图片高度的最大高度 怎么办？ 1.先获取内部图片所有dom的元素样式 数组 2.对数组按照高度进行排列 取出高度最高的值 3.将swiper 使用:style 动态绑定最大高度 <!-- 轮播...
- 没有解决我的问题, 去提问
悬赏问题
- ¥15 执行 virtuoso 命令后，界面没有，cadence 启动不起来
- ¥50 comfyui下连接animatediff节点生成视频质量非常差的原因
- ¥20 有关区间dp的问题求解
- ¥15 多电路系统共用电源的串扰问题
- ¥15 slam rangenet++配置
- ¥15 有没有研究水声通信方面的帮我改俩matlab代码
- ¥15 ubuntu子系统密码忘记
- ¥15 保护模式-系统加载-段寄存器
- ¥15 电脑桌面设定一个区域禁止鼠标操作
- ¥15 求NPF226060磁芯的详细资料