兼容性
-
移动端首屏优化
采用服务器渲染ssr 按需加载配合webpack分块打包, 通过entry和commonChunkPlugin 很有必要将script标签➕异步 有轮播图 最好给个默认 另外要处理...
-
为什么以iPhone6为标准的设计稿的尺寸是以750px宽度来设计的呢?
iPhone6的满屏宽度是375px,而iPhone6采用的视网膜屏的物理像素是满屏宽度的2倍,也就是dpr(设备像素比)为2, 并且设计师所用的PS设计软件分辨率和像素关系是1:...
-
移动端兼容适配
html 适配方案: 1.rem, em, 百分比 2.框架的栅格布局 3.media query媒体查询 4.手淘团队的一套flexible.js, 自动判断dpr进行整个布局视...
-
CSS动画页面闪白,动画卡顿
解决方法: 1.尽可能地使用合成属性transform和opacity来设计CSS3动画,不使用position的left和top来定位 2.开启硬件加速 -webkit-tran...
-
h5底部输入框被键盘遮挡问题
h5页面有个问题是,当输入框在最底部,点击软键盘后输入框会被遮挡。可采用如下方式解决 sh var oHeight = (document).height(); //浏览器当前的高...
-
IOS键盘字母输入,默认首字母大写
解决方案,设置如下属性 sh
-
移动端项目如何适配(rem)?
css3规定:1rem的大小就是根元素的font-size的值。 通过设置 根元素的font-size的大小,来控制整个html文档内的字体大小、元素宽高、内外边距等, 根据移动设...
-
常见兼容性问题
浏览器默认的 margin 和 padding 不同。解决方案是加一个全局的 *{margin: 0; padding: 0;} 来统一。 IE下 event 对象有 event....
-
vue初始化页面闪动问题
在css上添加[v-cloak] { display: none;}
-
某些Android手机圆角失效
background-clip:padding-box;
-
伪类:active失效兼容性问题
方法一:body添加ontouchstart js 方法二:js给document绑定touchstart或touchend事件 js bar
-
安卓浏览器看背景图片,有些设备会模糊
因为手机分辨率太小,如果按照分辨率来显示网页,字会非常小,安卓手机devicePixoRadio比较乱,有1.5的,有2的也有3的。想让图片在手机里显示更为清晰,必须使用2x的背景...
-
防止手机中页面放大和缩小
html
-
transiton 闪屏解决
css //设置内联的元素在 3D 空间如何呈现:保留 3D-webkit-transform-style:preserve-3D; //设置进行转换的元素的背面在面对用户时是否可...