CSS像素以及移动端不同屏幕适配问题解决

像素 分辨率 我们通常所说的显示器分辨率,其实是指桌面设定的分辨率,而不是显示器的物理分辨率。只不过现在液晶显示器成为主流,由于液晶的显示原理与CRT不同,只有在桌面分辨率与物理分辨率一致的情况下,显示效果最佳,所以现在我们的桌面分辨率几乎总是与显示器的物理分辨率一致了。 UI稿的像素 UI稿的像素是指物理像素 我们接到的UI设计稿例如750px就是物理像素 前端像素 只要两个屏幕逻辑像素相同,它们的显示效果就是相同的。 也就是CSS世界中的px相同,相同物理尺寸的屏幕显示效果就是相同的 那么在实际屏幕显示的时候他们之间都有神马关系呢? 如下图 当我们在网页上设置一个元素的css像素(widt