px、pt、em、rem css 单位的区别和选项

什么是视口？

视口是用户网页的可见区域。

viewport翻译成中文可以称为“视口”。

移动浏览器将页面放置在虚拟“窗口”（视口）中。通常这个虚拟“窗口”（视口）比屏幕宽，因此不需要将每个网页都挤到一个小窗口中。 （这将破坏未针对移动浏览器优化的网页布局。）用户可以平移和缩放以查看网页的不同部分。

px（像素）的特点：

1. IE无法以px为单位设置字体大小；
2. 国内大部分网站能调整的原因是因为他们使用em或rem作为字体单位；
3. Firefox 可以设置px、em、rem，但更多用户使用IE浏览器（或内核）。特征

em：

1. 的值不固定；
2. 继承父元素的字体大小。

注意：任何浏览器中的默认字体都是16px，因此所有不进行相应调整的浏览器：1em = 16px。如果需要声明，可以直接在body中写font size: 75%（任意值）；那么浏览器的默认值为 16px * 75% = 12px；即，1em 等于 12px。

px 和 rem 之间选择？

对于只需要适配部分移动设备且分辨率不影响页面的，使用px。

如果需要适应不同的移动设备，请使用刹车。例如，只需适配iPhone、iPad等不同大分辨率的设备即可。

注意： 使用的字体单位的选择主要由您的项目决定。如果您的用户群使用最新版本的浏览器，我们建议使用 rem。如果要考虑兼容性，那就使用px，或者同时使用两者。