• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html5 > 微信站前端开发注意点?

微信站前端开发注意点?

作者:匿名 字体:[增加 减小] 来源:互联网 时间:2018-12-03

本文主要包含等相关知识,匿名希望在学习及工作中可以帮助到您
在微信站的开发中,前端开发需要注意的点有哪些?开发的流程与网页开发有何不同?有哪些坑?

回复内容:

微信Web前端开发大多可以参考移动端的开发规则和经验,还有一些个人总结的经验如下,从上到下开始说:
1.微信在界面顶部有自己本身的功能及标题栏,所以如果是专门为微信设计的Web界面,顶部最好不要再有功能或标题栏,否则会显得多余臃肿。

2.注意字体字号的选择,界面元素大小可以用em而不是px定义,界面元素一定要自适应屏幕。

此页面表格元素未自适应

此为自适应后的效果
3.界面文案一定要简洁,明确,文字太多可能会出现下图这种丑陋的情况。

4.移动端界面承载内容的面积有限,所以一定要以最简洁的方式呈现出最重要的内容,不要有其他多余的东西。

5.移动端比较适合当下的极简扁平化设计,太多华丽纹理雕琢的设计在移动端反而不会有很好的效果。
=========================
P.S.
1.Android和IOS的微信内置浏览器内核不一样,一些老版本的安卓可能不支持一些HTML5和CSS3的新特性。
2.不要在页面中引入过多未压缩的媒体元素(图片、音视频等),否则可能导致应用内存溢出导致闪退。 微信内置的X5内核浏览器对css3的兼容性不够好,flexbox的很多属性在微信里面基本上残废了,还有就是如果用:before,:after之类的伪元素写animation动画,基本上也是不兼容。

您可能想查找下面的文章:

相关文章

  • 2018-12-03扁平化的bootstrap
  • 2018-12-03HTML5游戏开发-Box2dWeb应用(一)-创建各种各样的刚体
  • 2018-12-03基于HTML5的Web跨设备超声波通信方案详解
  • 2018-12-03HTML5边玩边学(四)-变幻的色彩
  • 2018-12-03HTML5中关于History模式的详解
  • 2017-08-06编写html5时调试发现脚本php等网页js、css等失效
  • 2018-12-03Html5web本地存储实例详细说明
  • 2017-08-06HTML5 audio标签使用js进行播放控制实例
  • 2018-12-03HTML5+Canvas调用手机拍照功能实现图片上传功能(图文详解上篇)
  • 2018-12-0322个HTML5 技巧二

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • html5中在可拖动的元素或选取的文本移出放置目标时执触发的事件ondragleave
    • 用于web应用数据管理和应用程序通讯的jQuery组件库
    • 5个Java开发人员必须重视HTML5的理由
    • 使用HTML5 Canvas为图片填充颜色和纹理
    • HTML5画布Canvas线段、矩形、弧形及贝塞尔曲线等简单图形绘制
    • 如何适配不同分辨率和不同屏幕尺寸的手机
    • 利用HTML5绘制点线面组成的3D图形的示例_html5教程技巧
    • 利用html5 Api实现分页的示例代码分享
    • ios android html5 学哪个?
    • HTML5调用手机摄像头拍照的实现思路及代码

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有