这些方法掌握了 手机网站开发也就不愁了

　经过了多年的发展和布局之后，手机互联网已经发展到了一个比较快速的阶段，而随着网速的不断加快，手机网站开发的要求也变得越来越高了。很多的网站开发的新人对于这种比较新兴的网站建设还是比较迷茫的，今天我们的主要任务就是让大家从迷茫中解放出来，和大家分享几点手机网站搭建的时候很经常使用的方法，赶紧来看一下吧。

    1、手机网站开发如何解决Android 2.0以下平台中圆角的问题

　如果大家够细心的话，在做wap站点开发时，大家应该会发现android 2.0以下的平台中问题特别的多，比如说边框圆角这个问题吧。在对一个元素定义圆角时，为完全兼容android 2.0以下的平台，我们必须要按照以下技巧来定义边框圆角：

　1)-webkit这个前缀必须要加上(在iOS中，你可以不加，但android中一定要加);

　2)如果对针对边框做样式定义，比如border:1px solid #000;那么-webkit-border-radius这属性必须要出现在border属性后。

　3) 假如我们有这样的视觉元素，左上角和右上角是圆角时，我们必须要先定义全局的(4个角的圆角值)-webkit-border-radius:5px;然后再依次的覆盖左下角和右下角，-webkit-border-bottom-left-radius:0;-webkit-border-bottom-right-border:0;否则在android 2.0以下的平台中将全部显示直角，还有记住!-webkit这个前缀一定要加上!

　2、手机网站开发如何解决android平台中页面无法自适应

　虽然你的html和css都是完全自适应的，但有一天如果你发现你的页面在android中显示的并不是自适应的时候，首先请你确认你的head标签中是否包含以下meta标签：如果有的话，那请你再仔细的看清楚有没有这个属性的值width=device-width，如果没有请立即加上吧!

　3、手机网站开发如何解决iOS 4.3版本中safari对页面中5位数字的自动识别和自动添加样式

　新的iOS系统也就是4.3版本，升级后对safari造成了一个bug：即使你添加了如下的meta标签，safari仍然会对页面中的5位连续的数字进行自动识别，并且将其重新渲染样式，也就是说你的css对该标签是无效的。

　4、手机网站开发要学会使用webkit-box

　我们说过自适应布局模式，有些同学可能会问：如何在移动设备上做到完全自适应呢?很感谢webkit为display属性提供了一个webkit-box的值，它可以帮助前端工程师做到盒子模型灵活控制。

　看完小编上面和大家分享的这些内容之后是不是对手机网站开发的一些内容有了一个比较清晰的了解了?如果您手上有在做的手机网站项目的话，可以对照一下看看有没有需要改进的。另外一品威客网作为一个专业的威客聚集的平台，能够提供网站开发的服务，如果有需要的话可以上我们的网站看看。