我知道有两种类型的像素: a)设备像素--设备中的实际像素(例如我的笔记本电脑有1366x768)和b) CSS像素--我们在CSS中使用的像素(例如宽度:200 we )。在我的笔记本电脑上,这个比率是1,所以我在CSS映射到每个设备像素的每个像素.On我的笔记本电脑,如果我创建一个宽度为660/2的框,这将是我的视口宽度的一半:(1366-45)
我正在为一家网店做一些CSS,它完全生活在安卓和iOS移动应用程序的网页视图中。我用媒体查询来区分手机和平板电脑。我想出了一种让我的规则保持简单的方法:有一个“电话”布局适用于任何设备宽度低于768像素的东西。其他一切都是平板电脑布局。这对我的目的来说很好。因此,如果用户的手机倾斜,比如说700 x 900像素,他们的设备宽度仍然是700 if。这一切都很好。现在我想知道:这个设置(“假”像素大小)是否适用于所有基于像素的CSS值?因此,如果我想进行一
硬件像素:显示器上的物理像素。例如,iPhone 5有一个具有640个水平硬件像素的屏幕。与设备无关的像素(dip):一种设备像素的缩放,以在正常的观看距离上匹配一个均匀的参考像素,在所有设备上都应该是大致相同的大小。iPhone 5宽320度。CSS像素:用于由视口控制的页面布局的单元。样式中的像素尺寸(如宽度:100 in )是以CSS像素指定的。CSS<em