说说手机页面

　　前一段时间一直在写pc页面，很少接触到手机页面，这几天写了下静态页面，整体的感觉就是页面很简单，但是并不好写，可能是写多了pc页面的原因，需要注意的是就是不在使用像素值了，而是使用rem来表示，这个就比较麻烦了，想得到rem值就必须要先得到像素值，。

　　先来说说怎么用rem值吧。来来我引入的代码。

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="format-dection" content="telephone=no"/>
    <script type="text/javascript">
    !function(a){function b(){var b=a.document,c=b.documentElement,d=c.getBoundingClientRect().width;document.documentElement.style.fontSize=20*(d/360)+"px"}window.addEventListener("DOMContentLoaded",function(){b()},!1),window.addEventListener("resize",function(){b()}),b()}(window);
    </script> 

　　增加了两个meta标签，这个主要用于写手机页面需要用到，。还有一段简单的js代码，。主要目的是用于转化rem用的。

document.documentElement.style.fontSize=20*(d/360)+"px"来看看js中的这句代码，。做手机页面我们需要设html根元素的大小，第一个数字20是指的我们设的根元素的大小
是20像素也就是html{font-size:20px;},第二个数字360指的是我们设的手机的页面是720px的页面，。360是720除以2出来的，。
　　
现在就可以无忧虑的来写手机页面，现在用的是rem,所以得到的每一个rem都是算出来的，。打了比方吧，。比如我亮的图片的大小是200px;那怎么算出rem,就是用200除以40，
那40就是用根元素乘以2得出来的。

还有就是设背景图的时候需要注意一下，将盒子设成和背景图的大小一个样，这个单个背景图就刚好乖乖的躺在盒子里面，。但是别忘了在设置一下background-size: 100% 100%;

这个不设的图片就不会完整的铺满盒子。

另外还有一个提交的表单，之前看起来像列表，所以习惯用ul列表去写，这个是不对的吗，我们需要用到form表单，来写，但是input的元素会有默认的边框，这个边框是需要去掉的，。

好了。需要注意的就是这么多了，。是不是很简单，但是写起来细节还是很多的，。一个小小的细节会用上你很长的时间，所以还是慢慢的写吧。