手机 前端开发中px，em，rem这些单位有哪些不同之处？

前端开发中px，em，rem这些单位有哪些不同之处？1. PX是一个固定的像素，不能适应流的布局。通常，高度由Px设置，web应用版本的宽度由rem.2设置。EM是相对于父元素的字体大小单位。因为它是

前端开发中px，em，rem这些单位有哪些不同之处？

1. PX是一个固定的像素，不能适应流的布局。通常，高度由Px设置，web应用版本的宽度由rem.2设置。EM是相对于父元素的字体大小单位。因为它是相对于父元素的字体大小单位，所以如果要设置元素的宽度和高度，必须查看其父元素的大小。如果父对象也是EM单位，则必须转到其父对象并逐层计算以获得准确的像素值。

3. REM的出现改变了许多移动终端的适应性，因为REM指的是相对于根元素的字体大小单位。只要HTML根上的字体大小是根据屏幕大小设置的，rem中的元素大小就会相应地改变。

为什么很多web项目还是使用px，而不是rem？

Rem是相对于根元素的HTML标记的字体大小。但是，HTML标记字体也应该使用基准大小，即PX像素。

很多人错误地认为PX像素是一个绝对的大小单位，而实际的PX是一个相对的单位，它与屏幕分辨率有关，会随着放大缩小而变化。

主要有几种布局方式，如三列布局，左、中、右、左、右均可使用像素，中间分布剩余宽度。

例如，一系列特殊的框架，如mobile framework 7

另一种是对多个列使用百分比，如bootstrap。

很少使用rem作为宽度的度量。如果要根据视口的大小放大，PX更容易。

例如，要制作一个750像素宽的页面，使用不同的手机，根据视图进行放大和缩小，REM计算太大。PX需要编写匹配的JS，REM也需要编写匹配的JS。总之，它需要编写基于PX的辅助JS，所以最好直接使用PX。

大多数设置不需要根据视图放大或缩小页面。

移动端尺寸单位的区别：px，em和rem？

像素。相对长度单位。像素PX与显示屏的分辨率有关。EM是相对长度的单位。相对于当前对象中文本的字体大小。如果未手动设置行内文本的当前字体大小，则该字体大小与浏览器的默认字体大小有关。任何浏览器的默认字体高度都是16px。所有未调整的浏览器都符合：1em=16px。然后12px=0.75em，10px=0.625em，为了简化字体大小的转换，需要在CSS的body selector中声明font size=62.5%，使EM value变成16px*62.5%=10px，所以12px=1.2em，10px=1em，也就是说，只需要将原来的PX值除以10，然后用EM作为单位来替换。EM特征1。EM值不是固定的。EM继承父元素的字体大小。因此，在编写em时，我们需要注意两点：1。在正文选择器中声明font size=62.5%；2。把你原来的PX值除以10，然后用em作为单位来代替；3。重新计算那些放大字体的EM值。避免重复声明字体大小。Rem是CSS3中一个新的相对单位（根EM），引起了广泛的关注。这个单位和他们有什么区别？区别在于，当rem用于设置元素的字体大小时，它仍然是相对大小，但相对大小只是HTML根元素。该装置具有相对尺寸和绝对尺寸的优点。它只需修改根元素就可以按比例调整所有字体大小，避免了字体大小层层复合的连锁反应。目前，除IE8及更早版本外，所有浏览器都支持rem.

手机端网页尺寸是多少？

在做手机网站时，一定要注意手机网站的页面大小，它直接影响到网站的美观和用户体验。尺寸定位也称为兼容性。兼容性还包括许多方面，而不是维度定位。因为PC网站的大小是可以固定的，而固定的点也体现在宽度上。PC网站常用的宽度是1024像素（PX），这不需要前端人员在这个页面上花费精力。但我们应该特别注意移动网站。如果以640px为标准，当用户使用320px手机访问时，保守只能显示网站大小的一半。如果发生这种情况，用户体验将受到影响，用户将直接关闭网站。因此，我们做手机网站时，首先要了解主流手机的大小。目前主流手机有IOS系统和Android系统。我们只需要知道这两种系统下手机的各种尺寸。

1. IOS系统

IOS系统中的iPhone，从iphone4到iphonexsmax，越来越大。对于IOS手机，一般只考虑两种尺寸，一种是720px，另一种是1080px。如果是平板电脑，也可以通过跳转来识别，但很多企业会建立一个以iPad为首的网站，方便iPad用户访问。

2. Android系统

Android系统中有480、720和1080px的手机尺寸。

3. 主流尺寸

对于手机网站的建设来说，更适合320、480和640px。所以前端技术只需要简单的判断。当然，如果有其他尺寸的，可以再次识别。

4. 识别

手机网站之所以出现半屏或超屏现象，完全是因为字体大小。因此，在移动网站中，我们不会使用PX来编写代码，而是使用em或REM来进行自适应区分。但是记住EM和REM不能同时出现在同一个页面上，否则会出现大小加载的情况。