移动端开发需要注意的几点

1.移动端有自己独有的mata属性，这个在之前的随笔中有写到，在这不再多说；

2.在项目开发中经常会遇到排列布局的情况，最好不要用浮动去布局，可以直接用display:inline属性达到想要的目的；

3.为了提升用户体验，尽可能的把每条数据都放到一个a标签内，保证用户的可点区域较大；

4.自适应布局模式，不要把宽度跟高度写死；

5.ios禁止用户保存图片/复制图片：-webkit-touch-callout:none;会禁止设备弹出列表按钮，这样就能达到想要的目的了；

6.ios禁止用户选中文字：-webkit-user-select:none;禁止ios用户选中文字；

7.如何解决盒子边框溢出：当你指定了一个块级元素设置其宽度为100％的时候，同时设置了他的边框，但此时你会发现，该元素的边框(左右)各1个像素会溢了文档，导致出现横向滚动条，为解决这一问题，我们可以为其添加一个特殊的样式-webkit-box-sizing:border-box;用来指定该盒子的大小包括边框的宽度;

8.ios如何获取滚动条的值：window.scrollY和window.scrollX可以获取当前窗口的Y轴和X轴滚动条的值；Android跟桌面浏览器可以通过document.scrollTop和document.scrollLeft得到。

转载于:https://www.cnblogs.com/qianrong/p/4618175.html