如果我们正在为移动设备创建一个站点,我们不应该在CSS中使用“像素”吗?

一切都取决于上下文。与桌面浏览器的CSS一样,有些情况下使用像素不是一个好主意(例如主要用于字体大小),有些情况下像素仍然非常有用(例如固定布局)。

一般来说,避免每次不需要的时候都使用像素 . 例如,没有理由对字体这样做:

现在, ,或者至少页面的某些部分(将图像和文本关联起来)的大小必须固定。在这种情况下,使用像素没有错。如果我有 <div/> 有了一些文本和一个漂亮的200100px的背景,最明显的事情是设置宽度和高度这个 <div/>

如果我用的是 <img> 那么我应该为你定义高度和宽度吗 <img> 在HTML代码中?

我应该这么做。图像的大小纯粹是一个布局/设计问题,因此它与HTML无关,而是与CSS有关。

你必须在CSS中指定图像的大小吗? 如果你想让你的图像100%地显示出来,那就不必了 :这在每个浏览器中都是默认设置。如果您想缩小它,并且由于某些原因,您不能缩放图像本身,而只能将缩放后的图像保存到服务器上,那么可以指定图像的大小。

记住,发送一个大的图像和规模在客户端总是一个坏主意。视觉质量可能会受到影响,客户端将不得不等待更多的图像出现。

至于像素问题,我倾向于在我的基本CSS规则中使用像素,然后在其他地方使用%或em,这样就可以一起放大和缩小。它并不总是按我所希望的方式工作,但它通常允许在开发过程中进行大量调整。