javascript - 在设计页面的时候，字体和宽高等的单位应该怎么选择呢？

问题描述

问 题

我一直都是用的px(不考虑安卓App的dp，sp那种，仅浏览器端)

现在h5出来了，css3也出来了，现在开发是否还是按照原来的px来，那样在1k屏和4k屏，显示效果会不会相差很大，还是系统会都4k屏缩放？(我这没4k屏...不好测试具体效果)。

看一些开源项目，有使用em和vh,vw的，还有用flex的。

目前我的想法是:

1. 字体方面：父级div(或者组件最外层)用px，div里面内容用em。

2. 宽高方面：这个我就没好的方案了，比较倾向于flex. 第二考虑是px。

大家一般是怎么做的呢？

目前做的项目不考虑兼容老浏览器(至少IE9)。

========================= [ 9-23 11:05 ] ======================

感谢宁静致远兄的回答：

添加一个字体方面的解决方案：

html： 设置px
element： 设置rem (html的px * rem的系数)

解决方案

还可以用rem

这篇关于javascript - 在设计页面的时候，字体和宽高等的单位应该怎么选择呢？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！