首頁  >  文章  >  web前端  >  微信站前端开发注意点?

微信站前端开发注意点?

WBOY
WBOY原創
2016-06-07 08:45:001751瀏覽

在微信站的开发中,前端开发需要注意的点有哪些?开发的流程与网页开发有何不同?有哪些坑?

回复内容:

微信Web前端开发大多可以参考移动端的开发规则和经验,还有一些个人总结的经验如下,从上到下开始说:
1.微信在界面顶部有自己本身的功能及标题栏,所以如果是专门为微信设计的Web界面,顶部最好不要再有功能或标题栏,否则会显得多余臃肿。
微信站前端开发注意点?
2.注意字体字号的选择,界面元素大小可以用em而不是px定义,界面元素一定要自适应屏幕。
微信站前端开发注意点?
此页面表格元素未自适应
微信站前端开发注意点?
此为自适应后的效果
3.界面文案一定要简洁,明确,文字太多可能会出现下图这种丑陋的情况。
微信站前端开发注意点?
4.移动端界面承载内容的面积有限,所以一定要以最简洁的方式呈现出最重要的内容,不要有其他多余的东西。
微信站前端开发注意点?
5.移动端比较适合当下的极简扁平化设计,太多华丽纹理雕琢的设计在移动端反而不会有很好的效果。
=========================
P.S.
1.Android和IOS的微信内置浏览器内核不一样,一些老版本的安卓可能不支持一些HTML5和CSS3的新特性。
2.不要在页面中引入过多未压缩的媒体元素(图片、音视频等),否则可能导致应用内存溢出导致闪退。 微信内置的X5内核浏览器对css3的兼容性不够好,flexbox的很多属性在微信里面基本上残废了,还有就是如果用:before,:after之类的伪元素写animation动画,基本上也是不兼容。
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn