移动端 rem 布局小数换行,溢出
最近研究移动端布局,rem 布局,总体思路是把页面放大到 DPR*device-width 然后缩放 1/DPR 来解决问题,但是这样做发现一个问题。比如: 我照着 iPho…
hotcss 配合 px2rem-loader应该如何使用呢?
需求:如果我的设计稿以ip6为参照那么px2rem-loader的remUnit=75,hotcss中的 document.documentElement.style.fontSize = ( innerWidth*20/320 ) + …
移动端H5页面如何屏蔽双击缩放的功能?
移动端H5屏蔽双击缩放,网上能搜到的说法大多是要添加viewport属性 <meta name="viewport" content="target-densitydpi=device-dpi,width=device-w…
微信web页面rem屏幕适配,多数手机能正常显示,三星s6显示为放大效果,应该怎么调整?
微信web页面开发,通过js实现多数屏幕适配,但三星s6,华为p9,oppo a57不成功,显示效果为放大显示。求大神指点。适配代码如下(两版)。 1. <scr…
有什么方法可以测试前端代码在不同移动端平台的兼容性?
背景最近在研究svg制作icon system,但是需要考虑fallback到png的问题,参考了grunticon、阿里iconfont和css-tricks的svg兼容方案,想自己写一个glup…
getBoundingClientRect().width和clientWidth都能获取设备宽度,他们有什么区别吗?
今天看flexible.js的代码,发现获取宽度使用getBoundingClientRect而不是直接clientWidth,请问这两个方法获取宽度有什么区别吗? document.document…
设计稿为1080*1920,适配多种移动设备,不用rem,怎么写?
问题是这样的,设计师给我的是1080宽的设计稿,某个元素宽度为944,那么我该写多少px才能适配多种设备(安卓,ios)呢?不用rem。…
app上的内嵌html5页面在iphone上显示,最底部有一条白边
如题。app里内嵌的html5页面。在iphone下显示最底部有一条白边,大概1px高度的白边。主要在iphone5 和 iphone 6 plus上有这种情况。 有没有遇到这类…
移动端自适应布局 阿里的flexible.js和rem布局动态改变html font-size值的方法相比有什么优势?
移动端自适应布局rem布局动态改变html font-size值的方法,就足以实现移动端的适配了阿里的flexible.js + makegrid.js有什么额外优势吗?…
淘宝移动端对viewport是怎么做处理的?
http://m.taobao.com 淘宝移动端这里为什么只对苹果的产品做了特殊处理?还有针对不同的window.devicePixelRatio,加载了不同的CSS(比如devicePixel…