你是否应该混合使用em和px？
em基于字体大小，px基于屏幕大小。
因此问题变成了 - 当大多数网站使用em时，如何生成图像？
7个回答
3
通常图片有 像素 的内在尺寸。但是如果它们是例如按钮，需要与文本大小匹配，您可以根据字体大小进行缩放。只需创建足够大的图像（缩小比放大效果好得多），并将图像的高度设置为
1.5em。当您仅设置高度而不设置宽度（或反之亦然）时，浏览器会缩放图像以保留宽度：高度比例。
然而，使用 CSS 而非图像来创建按钮更佳。背景图像可以使用高级 CSS 功能（background-size）进行缩放，但这种功能在浏览器中的支持有限。
- Jukka K. Korpela
2
请注意，较大的图片会增加文件大小，导致下载时间更长，需要更多的带宽。同时，在讨论按钮时，CSS精灵是必不可少的。此外，CSS3非常擅长创建各种按钮，如圆角、渐变和阴影等效果。 - Bram Vanroy
我想设置一个100的赏金，并留言告诉我如何混合使用度量单位。但是今天是周一，事情正在走下坡路。星期三自杀！ - Ed Heal
3
1em等于当前字体大小。2em意味着当前字体大小的两倍。例如，如果一个元素显示为12pt字体，则“2em”为24pt。在CSS中，“em”是一个非常有用的单位，因为它可以自动适应读者使用的字体。
“em”单位等于其所使用的元素的“font-size”属性的计算值。例外情况是当“em”出现在“font-size”属性本身的值中时，它指的是父元素的字体大小。它可用于垂直或水平测量。
像素（计算机屏幕上的一个点）px也可以在IE中调整大小。em是相对于其父元素继承大小的大小，实际上具有与百分比相同的含义。
“em”单位等于其所使用的元素的“font-size”属性的计算值。例外情况是当“em”出现在“font-size”属性本身的值中时，它指的是父元素的字体大小。它可用于垂直或水平测量。
像素（计算机屏幕上的一个点）px也可以在IE中调整大小。em是相对于其父元素继承大小的大小，实际上具有与百分比相同的含义。
- Saeed
2
问题在于您可以指定字体大小 - 有关完整详细信息，请参见选项菜单。如果我像现在这样倾向（我今天看得很困难），增加字体大小并启用图像按比例增长是否会很好？ - Ed Heal
em和px的区别描述如下： - Saeed
2
您可以混合使用单位，但并不推荐这样做。如果父元素正在使用 em 单位，则建议创建一个容器元素，并在该元素上使用 px 单位。
- chovy
2
对于视力有困难的人来说，这将是一个好处。将字体设置为较大（以便能够理解），但在屏幕上为他们提供图像将有助于更容易阅读和理解。 - Ed Heal
你确定不想使用媒体查询来放大图片吗？ - chovy
2
字体的设计是为了适用于各种大小，因此字体引擎可以精确地缩放它们；但是，图像一直使用刚性测量（无论单位如何）。因此，调整它们的大小往往会导致问题——有时候是小问题，有时候是大问题。当浏览器进行调整大小时，特别容易出现这种情况，因为浏览器并不是专门针对图片编辑的工具。
如果你正在构建基于图像的菜单，并且允许菜单向上缩放大小，那么也许需要重新设计。否则，也许可以考虑消除一个因素（不缩放或不使用图像）。
如果你正在构建基于图像的菜单，并且允许菜单向上缩放大小，那么也许需要重新设计。否则，也许可以考虑消除一个因素（不缩放或不使用图像）。
- Dawson
2
我个人是两种方式混合使用。你可以不出错地使用任何一种。
这取决于个人偏好和惯例。还有其他选项：
http://www.w3schools.com/cssref/css_units.asp
- Eric Leroy
2
我发现在html和body中使用像素（px），而在字体的其他地方则使用em单位是最好的选择。不过，可以看看相对单位（vw，vh，v-min，v-max）：http://css-tricks.com/viewport-sized-typography/
- Xarcell
1
使用CSS3。
background-size: auto 100%;
关于内容容器。背景将根据容器高度调整大小，而容器高度将相对于字体大小增加，无论如何设置。
- sanon
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接
em和px，随你喜欢，但最好使用em。 - Mr. Alien