老师这段代码是不是不大符合响应式布局呀

来源：8-5 flex + iconfont 完成首页 docker 样式编写

慕神9381513

2022-04-18

老师的这段代码：

html {
	// 1rem = 100px
	font-size: 100px;
}

之前看了个其他教程的适配方法：设计稿尺寸（我们这套教程宽度是 375px），然后 100vw / 375px ≈ 0.266vw/px。然后我们这里要设定 1rem = 100px，可以设置 1rem = 100 * 0.266 = 26.6vw来响应式布局，而不是直接 1rem = 100px。不知道老师是否认为这样更合理呢？

// 我的想法
html {
	font-size: calc(100vw/3.75)
}

写回答

1回答

Dell

2022-05-01

可以啊，这样没问题的，但是不足的就是可能兼容性存在些小问题，性能略有消耗。

Vue3入门与项目实战掌握完整知识体系

明星讲师DELL亲授，全方位知识点+高匹配度项目，入门到深度掌握

3382 学习 · 1454 问题

查看课程

相似问题

不是响应式的数据改变导致了页面的改变

回答 1

为什么没有使用toRefs 转为响应式，仍然可以实现响应式？

回答 1

老师vue3的props传递过来的值是响应式的吗，我发觉我子组件触发父组件的方法让父组件修改一个对象的属性再传递过来，但是视图未展示值，但是数据是是改变了

回答 1

关于vuex中响应式的问题

回答 2

store里定义的变量是全部被设置为响应式了吗

回答 2

打开慕课网App查看更多内容