移动端适配问题

Question

移动端的屏幕大小像素等不同原因，写好的前端样式不能完美展示，比如：
div的width为30%，字体为14px，有些手机可以展示，有些手机字体就会超出div的区域。
如果各位有时间的话，能不能写个代码看看，因为看了很多有关的文章了，感觉懂了，但实际操作起来存在困难。应该还是不太了解

Answer 1

字体用rem单位

Answer 2

1.使用rem布局
hotcss.js 或者flexible.js
rem是相对根元素的font-size 而言的， 比如根元素font-size:20px， 则1rem=20px;
是成比例的。
所以使用rem之后一般是不会超出的。
2.使用最新的vw,vh布局。 这个没试过，兼容性不了解

Answer 3

水平布局采用百分比的形式或者flex进行处理，字体使用rem