em vs px ...适用于移动浏览器

对于桌面浏览器,所有现代浏览器都使用缩放功能,因此我们可以使用PX,但如果在移动设备上可以看到相同的网站,则px不适合放大移动浏览器.或者使用px也适用于移动浏览器.

即使我们不关心IE 6,如果我们不为移动设备制作不同的网站,我们是否应该使用em代替px,同样的网站将在桌面和手机上看到(iphone,blackberry,windows mobile,opera迷你,机器人等？

您可以使用此技巧在CSS中将字体从px转换为em:

body {
  font-size: 62.5%; /* resets the page font size */
}

然后指定您的字体大小,如下所示:

p {
  font-size: 0.8em; /* equals 8px */
  font-size: 1.0em; /* equals 10px */
  font-size: 1.6em; /* equals 16px */
  font-size: 2.0em; /* equals 20px */
}

等等.然后,您可以在PXtoEm.com上将 px转换为em以用于您的布局.

px在现代移动浏览器上缩小屏幕时,它不会是真正的实际像素.这些浏览器有效地模拟桌面浏览器大小像素的桌面浏览器.

因此,对于这种类型的浏览器使用px并不比普通桌面浏览器更糟糕.如果你想要没有重大问题,你可以这样做,但是如果可以的话,在两种情况下em都更适合主体内容.

PX是固定像素大小EM相对于字体大小

所以,是的,你可能应该将EM用于更多的网站.它将让用户定义他们想要的字体大小,并且您的网站可以围绕它进行缩放.

但是,大多数网络开发人员喜欢更具体的PX,因为他们可以准确地知道事物相对于彼此的显示方式.

但看起来台式机和手机的分辨率差异很大,可能只是更容易重新设计您的网站进行移动浏览.