移动端 Web 开发自适应高度 rem 必须自己计算吗？

网页自适应开发，要求是跨平台、跨浏览器，一般移动+PC，前几天我写了几个PC端的全屏页面，有百分比，对手机的影响远不一样。 因此，移动+PC的自适应性有时是一个错误的命题。

一般宣传页上就是那种针对移动端的全屏滑动，使用百分比，如果复杂的话肯定是不好的，仔细看看处理某个Tao所用的rem，就用这个方法学习一下，首先对于设计图纸，宽度一般是640。

REM：CSS3 增加了一个相对单位 rem（root EM，root EM），所以 rem 应该在 HTML 中设置，为此设置一个 Tao 设置是根据手机的宽度设置的，少不了这句话：由 JS 控制，首先在 Apple 上就不一样了，Apple 6 就是。

font-size 是 ;

Tao*，用于**：

function(j, i) )

if (d) )

css3 的 box-flex;

在w3school中看，主要是按照父元素按比例分配高度，父元素比如三列布局a、b、c，如果要设置相同的宽度，就用abc，如果两列布局b是a的两倍，那就用abc了。

AB高度还有一个新的CSS3函数是calc（）计算，它可以计算出高度，可以尝试使用它。

ps，我只是说说而已，如果你在手机端有响应式局，布局应该会随着窗口的变化而变化，就像你一样，如果是在普通手机上就要变成单列布局，不能保持三列。

使用媒体查询将不同的窗口宽度设置为不同的CSS样式，所有CSS都不需要JS控制。

rem 单元确实有很多好处，它是相对于根节点的，这样我们整个**单元就可以统一了。 它还允许我们使我们的字体对大小更敏感。 但是，一旦你使用它，你就知道它有问题：

当你打开你用chrome浏览器制作的**时，有时会有一个大字体。 但是刷新页面会很好。

之所以会出现这种情况，是因为为了方便计算，我们将默认默认值 1rem=16px 更改为 1rem=10px。 因此，我们通常在 HTML 中设置如下：

但是，Chrome 有时会忽略 HTML 设置。 所以页面初始化的时候，字体太大了，本来应该渲染成16px的字体渲染成了16*。

使用 rem。

使用 SCSS

然后匹配。 您可以像 PC 端一样切换到移动端。

那你就不用分配高度了，你不需要写高度就是自适应内容的高度，如果想要高度和屏幕高度一样，那就设置100%;

1、在PC端的开发过程中，考虑浏览器兼容性，在移动端的开发中考虑手机兼容性。

2、在处理一些事件时，移动端自然偏向于触摸屏，而如何处理移动端弹出的手机键盘，这样的问题在PC上肯定不会遇到，但是在移动端，如果你没有经验，处理起来就相当麻烦了;

3、在版面方面，移动开发是实现自适应页面版面，而PC版面版面的比例会相对固定;

4.在动画效果的处理上，PC端要考虑IE的兼容性，通常使用JS做动画的通用性会更好，但是与CSS3相比，它牺牲了更大的性能，而在手机上，如果想做一些动画、特效等，首选一定是CSS3， 这既简单又高效。

只需按照图表上的设置操作即可。 这不是你设置多少的关键，而是关于计算的，选择一个合适的值会减少计算。 但是，由于您使用的是此转换插件，因此设置多少都无关紧要。