第一次在移动端使用rem，看到设计稿尺寸一脸懵逼。
尺寸宽度为1080。网上看了一堆资料，然后我直接设置了 html{font-size:20px;}，跟着感觉写了一通。
最后测试的时候，样式惨不忍睹。经过公司jojo女神的点拨，重写了一遍样式。
总的来说，移动端使用rem分为三步走:

• 设置base，一般来说为设计稿都尺寸/10；我这里设置为108.

• 设置html的fontSize。

  1 2	var doc_wid = document.body.clientWidth/10; document.getElementsByTagName("html")[0].style.fontSize=doc_wid+"px";

• 尺寸计算：设计稿上面的实际尺寸rem/base
  比如header在设计稿为142px，那么就设置为 .header{height:142rem/$base} (scss的写法)

问题描述

下拉列表z-index设置为10000,当显示的时候，应该是完全遮盖住主页面。
但是在ios safari中，下拉列表向上拉的时候，会漏出定位为fixed的footer。

解决办法

在网上找了很多css的办法，都试过了，然而没有效果。后面在朋友的提示下，灵机一动，只需要写2行js代码即可。当下拉列表显示的时候,footer 隐藏。下拉列表隐藏的时候,footer显示。