![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
移动端前端开发
qq_33712668
这个作者很懒,什么都没留下…
展开
-
高效移动web布局
移动布局【需求】根据元素个数不同,自动填充【解决】flex布局1. flex弹性布局基本使用.parent{display:webkit-flex;}.item1{flex:1;}.item2{flex:2}弹性布局,以1:2划分移动端一般用的比较多的是混合弹性布局,如下需要图片固定,文字按比例缩放混合弹性布局实现方式如下水平垂直居中flex布局还可以实现...原创 2019-07-23 11:37:38 · 97 阅读 · 0 评论 -
1px像素在项目中的解决及原理
为什么会有1px像素问题一般来说拿到的UI设计稿给出的是物理像素的设计,而css在设置时设置的是css像素,所以才会出现1px像素问题。比如在二倍屏中,长度上1个css像素=2个物理像素,UI给出1物理像素边框,在css中就得写成0.5px,但不支持小数的border,所以无法设置。如果在css中设置为1px,实际上就是2物理像素,比UI给出的边框粗做如下设置得到边框如下明显比1px粗...原创 2019-07-22 20:38:22 · 784 阅读 · 0 评论 -
移动端像素与viewport原理
引言移动端开发时会涉及到viewport的问题,做项目时加个meta标签就可以了,不过还是需要了解一下原理,不然在1px像素问题上的解决就不能理解像素当拿到ued给的移动端稿时,上面写着86px,如果真把一个div设为height:86px,就会高很多。这就是物理像素dp和像素px的区别,ued给的是物理像素,而我们在css中设置的是逻辑像素,他俩之间有个转换关系dpr【像素px】: 逻...原创 2019-07-23 11:30:40 · 205 阅读 · 0 评论 -
AntV曲线图实例代码(vue组件)
引言有在移动端实现光滑曲线图的需求,选择了AntV的库,但官方文档不太行网上案例更少,找起来很麻烦。就把自己做的记录下来效果需求光滑曲线最低点绿色标签,绿色点;最高点红色标签,红色点;其余灰色(主要是自定义标签需要回调函数麻烦一些)无Y轴百分数/数字的分别处理数据更新使用代码项目是vue的,封装成了一个组件,在别的地方可以直接用,使用如下<line-chart t...原创 2019-07-23 15:26:30 · 1279 阅读 · 0 评论