移动端开发
風缘
前端路上
展开
-
移动端开发自适应解决方案
原文章地址:点击打开链接 移动端自适应方案有很多种1.流式布局也就是固定高度,宽度使用百分比的方法,这种方法会导致一些元素在大屏手机上拉伸严重的情况,影响视觉效果,只有在很少一部分手机上能完美的展示设计师想要的效果。携程之前用的就是流式布局,但之后也改版了。2.固定宽度做法比如早期的淘宝webpage,页面设置成320的宽度,超出部分留白,在大屏幕手机上,就会出现两条大百边,分辨率高的手机,...转载 2018-03-08 11:02:36 · 3275 阅读 · 0 评论 -
高清方案下,页面字体会不受控制变的很大
本文转自点击打开链接问题原因:在X5新内核Blink中,在排版页面的时候,会主动对字体进行放大,会检测页面中的主字体,当某一块字体在我们的判定规则中,认为字号较小,并且是页面中的主要字体,就会采取主动放大的操作。然而这不是我们想要的,可以采取给最大高度解决解决方案:*, *:before, *:after { max-height: 100000px }后续:经过项目实践,还是决定给 max-he...转载 2018-03-08 11:08:14 · 476 阅读 · 0 评论 -
移动端的meta
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" /><!-- width - viewport的宽度 height - viewport的高度;initial-scale - 初始的缩放比例;minimum-scale - 允许用户缩放到的最小比例;maxi...原创 2018-03-08 11:24:51 · 164 阅读 · 0 评论 -
图片连接处出现白线
最近做移动端h5活动页,涉及到多图片拼接,遇到了一个坑就是图片连接处出现白线,当然查资料都说是img自身属性是inline-block导致,只要父元素设置font-size:0或者设置img display: block; 便可。但是我设置了没有用,这条线不是所有的机型都有,而且页面滚动之后又消失,我琢磨半天,各种尝试,发现把图片高度减少(增加)1px就解决了。因为我们的项目是用postcss-p...原创 2018-11-28 15:23:56 · 7533 阅读 · 1 评论