如果我们要为移动设备制作网站，我们不应该在CSS中使用“Pixel”吗？

Question

如果我们为移动设备制作网站，我们是否应该在CSS中使用“Pixel”？

px用于布局和字体。我们是否应该仅将em或%用于移动网站上的所有内容？

如果我正在使用<img>那么我应该在HTML代码中为<img>定义高度和宽度吗？或者不定义是好的。或者我应该在<img>或%

中为em定义css的大小

修改

注意：问题不再是关于px vs em辩论我的问题是针对单独的移动网站。当我们使用不同的域或子域创建单独的移动站点时。

Answer 1

一切都取决于具体情况。与用于桌面浏览器的CSS一样，在某些情况下使用像素并不是一个好主意（例如主要用于字体大小），并且在某些情况下像素仍然非常有用（例如固定布局）。

一般情况下，请避免每次不需要使用像素。例如，没有理由为字体执行此操作：不是您，而是用户选择字体在高分辨率屏幕上是否必须大而不是。使用百分比还可以帮助您以某种方式记住一段文本永远不会具有精确的宽度和高度，并迫使您调整您的设计。

现在，有时，出于成本或其他原因，您必须执行固定布局，或至少部分页面，关联图像和文本，必须修复大小。在这种情况下，使用像素没有错。如果我的<div/>里面有一些文字和200×100px背景，那么最明显的就是将<div/>的宽度和高度设置为200和100像素。

  

如果我正在使用<img>那么我应该在HTML代码中为<img>定义高度和宽度吗？

恕我直言，你从不应该这样做。图像的大小纯粹是布局/设计的东西，因此它与HTML无关，而是与CSS无关。

您是否必须在CSS中指定图像的大小？ 如果您希望图片显示为100％而非是，则不必：默认情况下，这是每个浏览器中的。如果你想缩小它，并且由于某些原因，你不能缩放图像本身而不是保存服务器上的缩放图像，是的，你可能想要指定图像的大小。

请记住，比发送一个大图像并且客户端的比例下降总是一个坏主意。视觉质量可能会受到影响，客户必须等待更多时间才能看到图像。

Answer 2

实际上，我建议为浏览器和移动设备使用不同的CSS文件（有时是不同的模板）。移动不只是一个较小的浏览器，它是一种根本不同的用户体验。

至于像素问题，我倾向于在我的基本CSS规则中使用像素，然后在其他任何地方使用％或em，以便可以一起扩展和缩小。它并不总是以我想要的方式工作，但它通常允许在开发过程中进行大量调整。