对移动端手机网页设计提出的一系列问题(移动端问题总纲)

Posted 蒋馨予

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了对移动端手机网页设计提出的一系列问题(移动端问题总纲)相关的知识,希望对你有一定的参考价值。

以下是本人从事移动端开发的工作总发现并总结的一些问题,

后期会陆续给出一些答案,帮助大家能够更轻松的解决移动端BUG,也欢迎大家提供更好的解决方案

联系邮箱 [email protected]喻文强


1.移动端字体样式引用 ttf

2.手机网页引用过大字体包会不会卡,如何解决

3.有时候希望字体比12px更小,如何解决

4.字体常用色考量,文本信息色、标题色、banner导航文字色、警告色、链接色、

5.对于手机网页使用微软雅黑,文字400过细,文字500过粗的文字处理方法

6.手机网页的地址导航、下拉列表,及时间选择器的插件使用套路

7.手机网页对input表单元素的美化及更多拓展

8.手机触摸滑动事件的深入研究

9.弹性盒子flex排版与box-sizing怪异盒模型的巧妙用法

10.手机点击事件300秒延迟BUG去除

11.手机下拉事件的完全实现

12.velocity js的序列动画的完全实践

13.手机输入框弹出,遮盖原网页部分信息的BUG处理

14.使用模拟滚动事件出现的一些问题

15.自定义手机密码输入框(按键位置随机)实现思路

16.手机轮播图区域,高度随设备宽度自适应变化的代码完全实现

17.手机默认样式的严格处理,兼容360浏览器,QQ浏览器,uc浏览器,safari浏览器,欧朋浏览器,安卓浏览器,微信浏览器,猎豹浏览器等国内手机常用浏览器

18.手机字体大小,导航条高度,轮播图高度,如何做到响应式的代码实现

19.手机@media媒体查询适应多种移动终端的优质方案

20.移动设备加入购物车的按钮抛物线坠入效果的完全实现

以上是关于对移动端手机网页设计提出的一系列问题(移动端问题总纲)的主要内容,如果未能解决你的问题,请参考以下文章

手机浏览器都是按照什么分辨率解析移动端网页的

1145.cn 百度MIP适配实例

移动端iPhone系列适配问题

PC端网页和移动端网页,自己做的总结

移动端笔记总结

移动端布局基础viewport