小技巧有大用途——浅谈手机网站开发值得借鉴的几点建议

　作为一个手机网站开发的从业人员来说，平时应该要注意去积累一些比较实用的开发技巧来为自己的网站建设工作服务，相信这个很多人都明白，但是就是做起来比较难。今天小编在这里就和大家分享一些很不错的开发技巧，希望大家看完这些经验的分享之后也可以考虑自己去整理一些很不错的心得出来，赶紧先来看一下具体的内容吧。

　1、如何关闭iOS中键盘自动大写

　我们知道在iOS中，当虚拟键盘弹出时，默认情况下键盘是开启首字母大写的功能的，根据某些业务场景，可能我们需要关闭这个功能，移动版本webkit为 input元素提供了autocapitalize属性，通过指定autocapitalize=”off”来关闭键盘默认首字母大写。

　2、iOS中如何彻底禁止用户在新窗口打开页面

　有时我们可能需要禁止用户在新窗口打开页面，我们可以使用a标签的target=”_self“来指定用户在新窗口打开，或者target属性保持空，但是你会发现iOS的用户在这个链接的上方长按3秒钟后，iOS会弹出一个列表按钮，用户通过这些按钮仍然可以在新窗口打开页面，这样的话，开发者指定的target属性就失效了，但是可以通过指定当前元素的-webkit-touch-callout样式属性为none来禁止iOS弹出这些按钮。这个手机网站开发技巧仅适用iOS对于Android平台则无效。

　3、iOS中如何禁止用户保存图片复制图片

　我们在第13条技巧中提到元素的-webkit-touch-callout属性，同样为一个img标签指定-webkit-touch-callout为none也会禁止设备弹出列表按钮，这样用户就无法保存复制你的图片了。

　4、iOS中如何禁止用户选中文字

　我们通过指定文字标签的-webkit-user-select属性为none便可以禁止iOS用户选中文字。

　5、iOS中如何获取滚动条的值

　桌面浏览器中想要获取滚动条的值是通过document.scrollTop和document.scrollLeft得到的，但在iOS中你会发现这两个属性是未定义的，为什么呢?因为在iOS中没有滚动条的概念，在Android中通过这两个属性可以正常获取到滚动条的值，那么在iOS中我们该如何获取滚动条的值呢?通过window.scrollY和window.scrollX我们可以得到当前窗口的y轴和x轴滚动条的值。

　6、如何解决盒子边框溢出

　当你指定了一个块级元素时，并且为其定义了边框，设置了其宽度为100%。在移动设备开发过程中我们通常会对文本框定义为宽度100%，将其定义为块级元素以实现全屏自适应的样式，但此时你会发现，该元素的边框(左右)各1个像素会溢了文档，导致出现横向滚动条，为解决这一问题，我们可以为其添加一个特殊的样式-webkit-box-sizing:border-box;用来指定该盒子的大小包括边框的宽度。

　这些内容大家看完之后是不是觉得恍然大悟呢?如果大家在学习完这些内容之后觉得很有帮助的话，那小编分享的目的也就达到了。当然其实您还可以在一品威客网上检索到更多相关的攻略和教程，这些内容都是热心的网友分享出来的，赶紧上去看看有没有您需要的手机网站开发技巧吧。