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

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得到。

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