当前位置: 首页 > 面试题库 >

HTML / CSS中的像素与点数

李奕
2023-03-14
问题内容

创建HTML页面时,是否应margin在CSS中用像素或点指定s之类的东西?

他们中的一个被认为比另一个更好吗?两者都有什么优点或缺点?


问题答案:

使用pxem

  • CSS字体大小:EMVS。PXVS。PTVS。百分

点数(pt):
传统上在打印介质(任何要在纸上打印的东西等)中使用点数。1点等于1/72英寸。点与像素非常相似,因为它们是固定大小的单位,无法缩放。

通常, 1em = 12pt = 16px = 100%。

[结论]

获胜者: 百分比(%)。

  • JohnB注意: 这是针对 TEXT的。显然您问过“诸如利润之类的东西”。(我也假设您的意思是padding。)为此,我建议pxem。我个人会根据具体情况进行切换。

更多文章

  • px – em –%– pt –关键字

点值仅适用于印刷CSS!

(评论进一步)

点是打印? 不。

积分并非专门用于打印。从理论上讲,点用于定义绝对度量。像素不是绝对的,因为取决于您的屏幕和所选的分辨率(不是分辨率),分辨率(每英寸的像素)可以从很大(150dpi)到很小(75dpi)。这意味着您的像素可以是一个尺寸,也可以是该尺寸的一半。这意味着您设计为在屏幕上清晰易读的文本在客户的屏幕上看起来可能太大(“请缩小文本,确定吗?”),或者在邻居的屏幕上看起来太小而无法阅读(“嘿,您的网站告诉我另一天的事吗?您说过的那一天……好吧,我读的文字不太好,太小了”)。

积分是解决此问题的方法。但是浏览器和操作系统需要对其进行管理。基本上,这意味着:

浏览器必须使用给定值(例如10pt)和屏幕的实际分辨率来计算以像素为单位的显示大小;操作系统必须传达实际的当前分辨率,而不是默认值。

也:

  • CSS:比较字体大小,百分比,Em,磅和像素


 类似资料:
  • 问题内容: 如果您具有以下HTML: 有没有一种办法风格,正在编辑不同于所有其他段落的段落是? 不会应用于正在编辑的段落。 如何为 正在编辑 的 段落 (-tag)设置不同的样式? 我希望使用仅CSS的解决方案,但也许我必须使用JavaScript。 编辑: 由于找不到纯CSS解决方案(对我来说,使用不是真正的解决方案),我现在正在寻找一些JavaScript行来设置要编辑节点上的属性。 问题答案

  • 问题内容: 我正在尝试构建类似于以下内容的布局: 底部填充上一行的空间。 如果这是一个实际的表,我可以轻松地通过完成此操作,但是由于我只是在创建类似表的 布局 ,因此无法使用标签。使用CSS可以吗? 问题答案: 没有简单,优雅的CSS类似物。 搜索此问题将返回各种解决方案,其中包括多种选择,包括绝对定位,调整大小以及类似的针对浏览器和具体情况的警告。阅读并根据发现的内容做出最明智的决定。

  • 在我的网站上,我有一个画廊,里面有我和我女朋友的一些照片,但是有两张照片是颠倒显示的。我不知道为什么。所有其他照片都是完美的。每张照片都是由同一个iPhone7拍摄的,但是前两张照片在网站上是颠倒的。在我的电脑上,它们显示得非常完美。 以下是网站:www.selinundleon。com/图库。有人能帮我解决这个问题吗?非常感谢你。

  • 我试图从bufferedimage中获取像素数据,该bufferedimage将只包含灰度半透明图像(argb)。我从图像中得到一个WritableRaster,并使用光栅的setPixels方法设置它的像素。使用此方法,我得到ArrayIndexOutOfBounds异常。在做了一些研究后,我发现BufferedImages在每个频带每个像素存储一个整数,而不是每个像素存储一个整数。也就是说,对

  • 问题内容: 在哪里可以找到浏览器的HTML元素默认CSS? 许多HTML元素都带有一些默认的CSS属性,这些属性有时会导致未知/有害的行为。例如,输入框在不同浏览器中的显示方式有所不同。我正在寻找一个涵盖新CSS3属性和新HTML5元素的地方。 我在其他(较旧的)问题(例如浏览器的默认CSS样式表中看到了答案,这些问题提出了CSS重置的解决方案。有时不需要这种解决方案,通常我实际上想保留一些基本属

  • 问题内容: 有机会将图像放置在六边形内吗?我已经习惯了html中的六边形形状的单元格,但是我无法用(背景图像)填充它。 这是我尝试过的: 问题答案: 使用CSS3,几乎一切皆有可能: 在那里,我使用进行了不同的旋转,因此您可以获得跨浏览器(很好,_现代的_跨浏览器)蒙版,该蒙版甚至可以在蒙版区域上覆盖和单击。