CSS 样式 - 百分比 vs em vs px?

标签 css font-size

<分区>

在网上阅读了几篇文章后,我对什么时候使用 percentempxdiv 感到有点困惑´s, input´s, font´s, buttons 等等...

对于我工作的网站,我们不想添加响应式设计,据我从不同的文章中了解到,elementsdiv 的方式不是百分比的。但是我感到困惑,因为我认为即使我使用 px 布局而不是在 px 中设置不同的宽度和高度,我也应该能够获得响应式设计取决于设备/屏幕分辨率...?

关于何时使用什么有最佳实践吗?不仅针对 fontsize,还针对 div´s 和其他元素?

最佳答案

使用 em 的主要优点是它的实际大小取决于用户的设置,即默认字体的大小。所以喜欢大字体的用户增加这个值。百分比创建了一种静态布局,即使它的大小灵活,结合最小和最大高度/宽度,这可以带来安静的好结果。如果你想有一个灵活的列布局,这样只有一个小屏幕,两个大屏幕和三个最大屏幕,你还必须使用 float 结合(最小/最大)宽度/高度。

一般来说,我不会从质疑最佳单元开始,而且我会开始一个关于布局应该如何工作的基本概念。有时事实证明,对整个布局使用 javascript 是最快和最可靠的解决方案,但是,要使用的单元取决于您的特殊目标,并且一般情况下不存在“这是最佳解决方案”这个问题,即是什么状态。

问候..

关于CSS 样式 - 百分比 vs em vs px?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14302884/

相关文章:

javascript - Javascript 中的视频播放器卡在隐藏/显示圈?

css - Div 高亮不会转换为 div 的新位置

javascript - 光滑的 slider 点和其他 Div 之间的额外空间

css - 如何在某些后代上排除 Twitter Bootstrap

python - 如何更改seabornpairplot中x或y标签的字体大小?

javascript - 旋转后使文本适合 div 容器

c++ - 属性透明时如何改变静态控件的字体大小和字体

android - Edittext 行距额外和光标位置问题

css - 基于 em 的布局问题

css - 如何根据内部文本按比例调整 div 的大小?