swiper高度问题

html的fontsize=viewportwidth/r1,即1rem = viewportwidth/r1 px,加载宽度为100%的图片时，图片的宽度为viewwidth px，
图片在编辑器中的高度为s px，那么被px2rem转化后变为 s/r2 rem，又等于s/r2 *viewportwidth/r1 px，那么图片的宽高比
为r =r1*r2/s,所以应该设置高度s为r1*r2/r。

老师不能直接给slider的高度设置183px吧?是不是应该有我上面的计算步骤

早知今日何必當初 2020-04-09

源自：实战：Vue webAPP首页开发 2-2 幻灯片组件--模拟数据

21

收起

2回答

好帮手慕慕子 2020-04-09 13:50:02

同学你好，对于宽高比例为定值的，在书写代码时，可以以ihpone6手机为原型，设置相应的宽高比例，示例: 375px/200px，由于使用了适配，在改变窗口大小时，宽高也会自动跟着改变的。

同学可以测试理解下，祝学习愉快~

好帮手慕慕子 2020-04-09 12:07:55

同学你好，这里想的有些复杂了，可以直接设置slider的高度为183px的

因为这个项目主要是针对手机端的，手机端的屏幕大小相差不大，所以老师没有进行适配，只给外层设置了最大和最小宽度，如下。

目前学习的重点是掌握老师讲解的思路，实际工作中如果需要适配，可以参考上一章节老师讲解的适配方案配置下即可。

祝学习愉快~

提问者早知今日何必當初 #1

问题是上一章没有讲到我的这个问题啊，碰到这种宽度百分之百，宽高比例为定值的问题怎么设置高度

2020-04-09 12:20:02

相似问题

slider组件的高度

滚动条组件中设置height为100%无法继承页面高度的问题

我的滚动条一直不能滚动，我找不到原因

老师请问下高度的问题

section可以不写死高度，让内容撑开高度吗

登录后可查看更多问答，登录/注册

4.Vue与React高级框架开发

参与学习人
提交作业 239 份
解答问题 10739 个

本阶段带你深入前端开发的肌理，通过ES6基础知识和前端主流高级框架的学习，助你快速构建企业级移动webAPP应用，进入职场的终极battle

本课精华内容

问答作业

老师，这是关于stylus版本和style语法高亮问题解决（可以编辑器自动缩进）如可可行可以置顶，谢谢

115 1

老师,创建VUE环境花了一天时间，创建流程供同学们参考（window）如果方法可行可以置顶，谢谢

152 1

麻烦老师看看这个写法和注释可以吗?如果可以可以置顶一下参考,谢谢

83 1

请检查是否正确

95 1

transition问题-续

65 3

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载