做网站知识

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

新闻资讯 发布时间2017.12.4.浏览数:513

【手机网站开发技巧】 1、-webkit-tap-highlight-color:rgba(255,255,255,0)可以同时屏蔽ios和android下点击元素时出现的阴影。备注:transparent的属性值在android下无效。 2、-webkit-appearance:none可以同......广州做网站www.appwebui.com三行网络公司为您详细介绍 - 请往下阅读》

手机网站开发技巧

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+手机)响应式网站建设

做网站热线/微信:15989229398


匠心打造精品,用心成就经典!携手客户共创双赢!
© Copyright 2008-2019 广州三行网络科技有限公司
粤ICP备案号:09210325