5

你应该混合em吗px？

Asem是基于字体大小和px基于屏幕的。

所以问题沸腾了——当大多数网站都在使用时，如何生成图像em？

4

7 回答 7

3

通常，图像具有以像素为单位的固有尺寸。但是您可以根据字体大小对它们进行缩放，如果它们是应该与文本大小匹配的按钮。只需创建一个足够大的图像（按比例缩小比按比例放大效果更好）并将图像的高度设置为1.5em. 当您仅设置高度而不设置宽度（反之亦然）时，浏览器会缩放图像以保留宽度：高度比。

但是，最好使用 CSS 而不是图像来创建按钮。背景图像可以使用高级 CSS 功能 ( background-size) 进行缩放，但浏览器支持有限。

于 2012-10-06T08:45:10.767 回答
3

1em 等于当前字体大小。2em 表示当前字体大小的 2 倍。例如，如果一个元素以 12 pt 的字体显示，那么 '2em' 就是 24 pt。'em' 在 CSS 中是一个非常有用的单位，因为它可以自动适应读者使用的字体

'em' 单位等于使用它的元素的 'font-size' 属性的计算值。例外情况是 'em' 出现在 'font-size' 属性本身的值中，在这种情况下，它指的是父元素的字体大小。可用于垂直或水平测量

像素（计算机屏幕上的一个点），px 也可以在 IE 中调整大小。em 是其父元素继承大小的相对大小，实际上与 % 具有相同的含义。

于 2012-10-09T07:43:37.440 回答
2

你可以混合，但不推荐。如果父级使用 em，我将创建一个容器元素并在该元素上使用 px。

于 2012-10-06T06:40:50.507 回答
2

字体设计用于多种尺寸；因此字体引擎可以精确地放大/缩小它们；但是，图像始终使用严格的度量（无论单位如何）。因此，调整它们的大小往往会使它们变大——有时是一点点，有时是很多。当浏览器正在调整大小时尤其如此。浏览器并非设计为照片编辑工具。

如果您正在构建基于图像的菜单，并且您还允许菜单按比例放大，那么可能需要重新设计。如果不是重新设计，那么可能会消除一个因素（没有缩放，或者没有图像）。

于 2012-10-09T15:13:35.453 回答
2

我个人将两者混合。无论哪种方式，您都可以做到这一点而不会出错。
这取决于偏好和实践。还有其他的： http ://www.w3schools.com/cssref/css_units.asp

于 2012-10-10T08:29:57.077 回答
2

我发现最好在 html、body 和 em 中使用 px 来处理字体的其余部分。但是，看看相对单位（vw vh v-min v-max）：http ://css-tricks.com/viewport-sized-typography/

于 2012-10-10T20:52:43.253 回答
1

使用 css3

background-size: auto 100%;

在内容的容器上。背景将相对于容器高度调整大小，并且容器高度将相对于字体大小增加，无论它如何设置。

于 2012-10-11T17:04:26.093 回答