Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 流体布局中的Ems或像素?_Html_Css - Fatal编程技术网

Html 流体布局中的Ems或像素?

Html 流体布局中的Ems或像素?,html,css,Html,Css,我正在创建一个新的网页,应该在不同的设备上工作,我正在使用流体布局。我应该在流体布局中使用像素还是ems作为字体大小?那么填充物等呢?对于流体布局,您需要使用百分比。像素与显示器分辨率相关,EMs与字体大小和像素密度相关。但是,百分比与放置它们的窗口的大小(或其父窗口的宽度)有关。因此,它是流动性的最佳选择。您的填充也可以是百分比,但请记住,这些值是相对的,因此在将对象等距放置时可能会遇到困难 对于字体,ems是完全可以接受的,因为它们基于字体本身。另外,通过使用ems字体,您可以通过更改文档字

我正在创建一个新的网页,应该在不同的设备上工作,我正在使用流体布局。我应该在流体布局中使用像素还是ems作为字体大小?那么填充物等呢?

对于流体布局,您需要使用百分比。像素与显示器分辨率相关,EMs与字体大小和像素密度相关。但是,百分比与放置它们的窗口的大小(或其父窗口的宽度)有关。因此,它是流动性的最佳选择。您的填充也可以是百分比,但请记住,这些值是相对的,因此在将对象等距放置时可能会遇到困难


对于字体,ems是完全可以接受的,因为它们基于字体本身。另外,通过使用ems字体,您可以通过更改文档字体大小来缩放整个站点的字体。

对于流体布局,您需要使用百分比。像素与显示器分辨率相关,EMs与字体大小和像素密度相关。但是,百分比与放置它们的窗口的大小(或其父窗口的宽度)有关。因此,它是流动性的最佳选择。您的填充也可以是百分比,但请记住,这些值是相对的,因此在将对象等距放置时可能会遇到困难


对于字体,ems是完全可以接受的,因为它们基于字体本身。此外,通过使用ems字体,您可以通过更改文档字体大小来缩放整个站点的字体。

我发现“ems”更好地用于流体布局或任何布局。

我发现“ems”更好地用于流体布局或任何布局。

如果您使用em,您可以对不同的设备使用css媒体查询宽度

在正文字体大小上使用px,在其他所有字体大小上使用em,这意味着所有字体大小都与正文相关。然后,您可以包含只增加或减少正文字体大小的媒体查询,并且所有其他字体大小都会随之改变

然后,您还可以包括web辅助功能按钮,用于增加视觉障碍患者的字体大小。该按钮还将更改正文字体大小(再次更改与之相关的所有其他字体)

他们一路走来

(额外编辑) 此外,如果你正在考虑字体大小的深度,你也可以考虑垂直节奏/基线为您的网站。查看以下链接:


为主体设置px,然后为所有其他字体大小、线条高度、边距等设置em,将使您能够在保持视觉节奏的同时创建流畅的设计。坏蛋。

如果您使用em,您可以对不同的设备宽度使用css媒体查询

在正文字体大小上使用px,在其他所有字体大小上使用em,这意味着所有字体大小都与正文相关。然后,您可以包含只增加或减少正文字体大小的媒体查询,并且所有其他字体大小都会随之改变

然后,您还可以包括web辅助功能按钮,用于增加视觉障碍患者的字体大小。该按钮还将更改正文字体大小(再次更改与之相关的所有其他字体)

他们一路走来

(额外编辑) 此外,如果你正在考虑字体大小的深度,你也可以考虑垂直节奏/基线为您的网站。查看以下链接:


为主体设置px,然后为所有其他字体大小、线条高度、边距等设置em,将使您能够在保持视觉节奏的同时创建流畅的设计。坏蛋。

使用你觉得最自然的东西,只要你使用媒体查询,这应该不是问题。Twitter引导就是一个很好的例子。这篇文章很好地解释了整个主题,尤其是当你深入到底部的时候。而不是推荐em,而是推荐rem@如果你想展示如何做错事情,Caelea Twitter就是一个很好的例子。使用特定的字体大小只会降低用户的可用性,因为用户可能已经将浏览器的默认字体大小调整为可以阅读的大小。“只使用对你来说最自然的东西”对于那些不想为用户做最好的事情的人来说是一种逃避。使用你觉得最自然的东西,只要你使用媒体查询,这应该不是问题。Twitter引导就是一个很好的例子。这篇文章很好地解释了整个主题,尤其是当你深入到底部的时候。而不是推荐em,而是推荐rem@如果你想展示如何做错事情,Caelea Twitter就是一个很好的例子。使用特定的字体大小只会降低用户的可用性,因为用户可能已经将浏览器的默认字体大小调整为可以阅读的大小。“只使用对你来说最自然的东西”对于那些不想为用户做最好的事情的人来说是一种逃避。“像素是相对于显示器分辨率的”。。。好吧,这有什么问题?没有什么问题,但在流体布局的上下文中,你不能用像素定义流动性-你可以用百分比来定义。固定宽度布局更多的是像素发光的地方(或带有断点的响应布局)。这实际上取决于OP的含义。当然,以像素定义列宽只适用于固定宽度的布局,但定义填充和类似的东西并不重要。也许我不明白这个问题。哦,字体大小。我错过了。在这种情况下,我仍然认为这并不重要。“像素与显示器的分辨率有关”。。。好吧,这有什么问题?没有什么问题,但在流体布局的上下文中,你不能用像素定义流动性-你可以用百分比来定义。固定宽度布局更多的是像素发光的地方(或带有断点的响应布局)。这实际上取决于OP的含义。当然,以像素定义列宽仅适用于固定宽度布局,但定义填充和thi