[分享]CSS3手册设计尺寸

CSS3手册设计尺寸是一个设计CSS3样式时必不可少的指南。在这个手册中，你将会找到各种各样的CSS3属性及其使用方法。但在使用这些属性时，你需要先了解设计尺寸的概念。在设计页面时，我们需要考虑不同设...

CSS3手册设计尺寸是一个设计CSS3样式时必不可少的指南。在这个手册中，你将会找到各种各样的CSS3属性及其使用方法。但在使用这些属性时，你需要先了解设计尺寸的概念。

在设计页面时，我们需要考虑不同设备上的浏览器显示效果。因此，在CSS3手册中，设计尺寸需要分为两种：逻辑尺寸和实际尺寸。

逻辑尺寸指的是在CSS文件中设置的像素值，在不同设备上会有不同的实际尺寸。这也是我们最常使用的尺寸单位。例如：

 font-size: 16px;
  width: 300px; 

实际尺寸则是指设备上物理像素的大小，在高清设备上，一个逻辑尺寸像素可能会对应多个实际尺寸像素。因此，在设计页面时，需要考虑不同设备上的实际显示效果。例如：

 @media screen and (min-width: 320px) and (max-width: 479px) {
    font-size: 14px;
    width: 250px;
  } 

通过设置@media查询，可以根据不同设备的实际尺寸显示不同的样式。

在设计页面时，需要注意使用合适的尺寸单位，并考虑不同设备的实际显示效果，才能得到良好的页面效果。