手机网站开发10大经验总结

手机网站开发技巧

1、-webkit-tap-highlight-color:rgba(255,255,255,0)可以同时屏蔽ios和android下点击元素时出现的阴影。备注：transparent的属性值在android下无效。

2、-webkit-appearance:none可以同时屏蔽输入框怪异的内阴影，解决iOS下无法修改按钮样式，测试还发现一个小问题就是，加了上面的属性后，iOS下默认还是带有圆角的，不过可以使用 border-radius属性修改。

3、-webkit-transform:translate3d(0, 0, 0)在ios下可以让动画更加流畅（这个属性会调用硬件加速模式，无需通过JS引擎，直接浏览器内核渲染），但是在android下不可乱用，很多见所未见的bug就是因为这个。

4、@-webkit-keyframes可以预定义很多你所想到的动画，然后通过-webkit-transition来调用。

5、-webkit-background-size可以做高清图标，不过一些低版本的android只能识别background-size，所以有必要两个都要写上；用这个属性的时候推荐用cover这个值，可以自动去匹配宽和高。

6、android、ios4及以下，固定宽/高块级元素的overflow:scroll/auto失效，属于浏览器的bug，可借助第三方工具实现。

7、如果涉及较多域外链接，DNS Prefetching可以帮你做DNS预解析。

8、当用iScroll时候，不能使用:focus{outline:0}伪类，否则滑动会卡。

9、IOS禁止横竖屏时字体变大，-webkit-text-size-adjust: none;

10、iphone的Retina显示屏的css中的数值都得翻倍，包括图片大小也得翻倍，Retina显示屏精致，可以简单理解为Retina显示屏上的1像素相当于普通的2像素。
《手机网站开发10大经验总结》此文由三行网络公司原创，转载请保留原文链接，谢谢！

【关键词标签】手机网站开发技巧    (PC+手机)响应式网站建设

• 深圳外贸独立站建设指南📌
• 想要搭建一个外贸独立站？费用咋算？
• 跨境电商选品选什么比较好
• 2024 年 Google Ads 费用..
• 深圳外贸建站 - 谷歌推广一年要多少钱
• 深圳外贸建站 - 优化网页加载速度的小技..
• 中英文外贸网站设计 - 敲重点！
• 谷歌外贸建站 - 外贸独立站优势！
• 谷歌外贸建站 - 响应式网页设计！
• 谷歌外贸建站-专业做外贸英文网站
• 深圳英文网站设计 - 适配国际流行审美！
• 深圳外贸网站建设 - 叩开国际市场大门！
• 中英文网站建设 - 提高网站在搜索引擎中..
• 深圳外贸建站 - 影响谷歌推广费用的因素
• 深圳外贸建站 - 谷歌 Google 广..