移动开发中的一些基本的思想,和需要注意的细节技巧之处

1:在触摸设备中你需要使用dom的touch事件。不在需要使用css:hover伪类;同时因为手指比鼠标要大的缘故,要将可点击元素做的更大一点

2: 优化图片:

为了解决那些带宽小或者流量费用昂贵的用户,你可以通过根据用户的屏幕尺寸和分辨率加载合适的图片来优化图片的加载。你可以通过媒体查询来获取屏幕的 heightwidth 以及 pixel ratio

重点:最合适的窗口:  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

一般来说,我们需要关注的是:字体、高宽间距、图像(图标、图片)。

垂直方向的高度和间距使用定值,水平方向混合使用定值和百分比或者利用弹性布局

参考文章:https://www.w3ctech.com/topic/979

http://ife.baidu.com/task/detail?taskId=11

原文地址:https://www.cnblogs.com/allenxieyusheng/p/6195834.html