网站布局怎么让banner自适应浏览器宽度？ 高度写死之后和下个板块的距离太大！
4条回答 默认 最新
sannianerban12138 2022-07-20 17:11关注在css设置高度时有几种单位
分别是:px,%,vh
你可以试试用vh,vh的意思是网页高度的百分比,举例,如果网页高度是1080px,
50vh就是一半,就是540px,
用vh设置高度比用百分比布局好的地方就是你不用管父级盒子高度是多少,vh参考的就是浏览器的高度
你在对页面所有内容进行高度设置时都可以使用vh
举例,如果你拿到的设计图高度是1080版本的,但是需要兼容各种屏幕大小
比如其中一个盒子的宽高是100*100的,你在设置这个盒子的样式时,可以参考,当前这个盒子在1080版本下面是100px,假设你的网页高度就是1080,那么你可以对盒子的高度设置大概10vh左右,这样哪怕网页高度变成1080的两倍,你盒子的高度对应也会翻倍本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏举报 编辑记录
分享
- 2022-07-20 16:53回答 4 已采纳 在css设置高度时有几种单位分别是:px,%,vh你可以试试用vh,vh的意思是网页高度的百分比,举例,如果网页高度是1080px,50vh就是一半,就是540px,用vh设置高度比用百分比布局好的地
- 2015-10-23 09:31回答 3 已采纳 正规的当然是要自己画了，但是要有美术功底。这不是程序员擅长的。 所以有时候大同小异的，就弄个banner修改一下就完事了。
- 2022-02-10 09:58回答 2 已采纳 滚动你就得看是哪个元素在滚动，审查元素一下，哪一个的高度比较高且处于最上位的那个就是滚动的那个，把事件添加到对应的元素就行，如果你一定要第一个div滚动又不要滚动条，其实存在样式可以去掉对应的滚动条。
- 2021-05-11 10:47程序员的小傲娇的博客 元素自适应在网页布局中非常重要，它能够使网页显示更灵活，可以适应在不同设备、不同窗口和不同分辨率下显示。 宽度自适应 元素宽度设置为100%。（块元素宽度默认为100%），或者不设置宽度（width）;（宽度是父元素...
- 2020-03-22 14:29回答 1 已采纳 应该是你的js里有对ua的判断，但是你的js混淆压缩过了，你得调试下。wechat的ua里面有micromessenger，应该有相关判断
- 2022-04-01 23:35回答 2 已采纳 宽度给百分比就可以了
- 2020-06-23 13:27回答 2 已采纳 修改源码的src/main.c里面的，改成想要的内容，再进行编译安装 ``` snprintf(settings.server_name, 128, "zimg/%s", settings.v
- 2020-12-20 03:38weixin_39702714的博客 前端开发经常遇到自适应布局的项目，对于轮播图，自适应解决方案有很多种。常规的我们直接可以利用img max-width="100%" 的属性，让图片自己本身自适应屏幕，但是这样会出现问题，因为pc端轮播图的长宽比一般都是长...
- 2022-12-25 12:30回答 5 已采纳 题主没搞清楚前端后端并且后端逻辑有问题，删除和添加代码都会执行，先添加了，然后后面又删除了，所以最终状态该就是删除的。应该是isset，而不是!isset，判断是需要的操作才执行数据库，改下面这样，点
- 2023-01-10 15:33回答 2 已采纳 你看你的方法有触发嘛？没见你写语法糖 再有我这边看你用到了 v-if 注意一下父子组件的渲染顺序，在你做数据传递的时候不排除你的子组件并没有渲染
- 2021-12-15 02:48回答 3 已采纳 把轮播图宽高设置小一点呗，div能和它重合，说明可能轮播图设置了绝对定位，并且宽高是100% 你把它改成浮动或者相对定位啥的，再设置宽高就好了
- 2021-06-12 14:43weixin_39779537的博客 当前响应式布局，内容尺寸自适应设备是众多网站开发者的选择，毕竟现在显示器、笔记本、移动设备的尺寸太过于繁多了，其中大家都知道使用width="100%"样式可以实现元素的自适应宽度，但是让元素的高度根据宽度变化而...
- 2016-04-03 17:05回答 1 已采纳 http://blog.csdn.net/wjr_loves/article/details/7865537
- 2015-06-10 20:01lvmengmengzp的博客 css判断不同分辨率显示不同宽度布局实现自适应宽度 CSS判断不同分辨率浏览器（显示屏幕）显示不同宽度布局CSS3技术支持IE6到IE8。将用到css3 @media样式进行判断，但IE9以下版本不支持CSS3技术，这里DIVCSS5给大家...
- 2023-06-09 22:39宁然也的博客 响应式设计和自适应设计的区别：响应式开发一套界面，通过检测视口分辨率，针对不同客户端在客户端做代码处理，展现不同的布局和内容。自适应需要开发多套界面，通过检测视口分辨率，判断当前访问的设备是PC端、平板...
- 没有解决我的问题, 去提问
问题事件
系统已结题
7月29日
已采纳回答
7月21日-
创建了问题
7月20日
悬赏问题
- ¥170 如图所示配置eNSP
- ¥20 docker里部署springboot项目，访问不到扬声器
- ¥15 netty整合springboot之后自动重连失效
- ¥15 悬赏！微信开发者工具报错，求帮改
- ¥20 wireshark抓不到vlan
- ¥20 关于#stm32#的问题：需要指导自动酸碱滴定仪的原理图程序代码及仿真
- ¥20 设计一款异域新娘的视频相亲软件需要哪些技术支持
- ¥15 stata安慰剂检验作图但是真实值不出现在图上
- ¥15 c程序不知道为什么得不到结果
- ¥15 键盘指令混乱情况下的启动盘系统重装