1、H5页面窗口自动调整到设备宽度,并禁止用户缩放页面 <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" ...
分类:
移动开发 时间:
2017-03-14 17:30:51
阅读次数:
253
1、H5页面窗口自动调整到设备宽度,并禁止用户缩放页面 <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" ...
分类:
移动开发 时间:
2017-03-14 14:58:51
阅读次数:
231
1、H5页面窗口自动调整到设备宽度,并禁止用户缩放页面 <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" ...
分类:
移动开发 时间:
2017-03-14 13:35:46
阅读次数:
452
允许是一个class,如果遇到有多个class,只能填写一个。 对于移动端H5元素定位采用Chromedriver的解决方案,具体操作如下: 1、手机安装Chrome浏览器 2、开启USB调试模式,并使用安装的Chrome浏览器打开待测H5页面 3、在电脑端的Chrome浏览器输入chrome:// ...
分类:
Web程序 时间:
2017-03-10 16:34:04
阅读次数:
225
需要往webview里添加如下 //设置加载进来的页面自适应手机屏幕 settings.setUseWideViewPort(true); settings.setLoadWithOverviewMode(true); 即可解决支持缩放问题; ...
分类:
Web程序 时间:
2017-03-09 20:33:25
阅读次数:
261
混合APP开发中,前端开发H5页面,不免会把兼容性拉进来,在做页面的兼容性同事,会与原生app产生一些数据交互; 混合APP开发,安卓的兼容性倒是好说,安卓使用是chrome浏览器核心,已经很好兼容H5页面,而且运行机制也是能够同步运行;但ios上就没那么容易了;、 在此我就不说兼容安卓的问题,只把 ...
分类:
移动开发 时间:
2017-02-28 15:39:58
阅读次数:
1248
FileReader:读取本地图片文件并显示 写在开头 之前公司要求做一个H5页面,功能是照相和选择相册相片,并且能在屏幕上预览。然后我就傻里吧唧的各种找插件,因为有些插件不适配手机的型号,安卓机基本死掉,苹果有时候也会出点小bug(会闪退)。那是最后的解决方案是不显示图片了,把选择的链接上传就好了 ...
1.由于本人使用的是sublime.text,使用rem就可以达到效果。 点击菜单中的preferences下的browse packages,选择cssrem-master,添加或者编写cssrem.sublime-settings文件。 设置px_to_rem的值为75即可。 在代码里输入设置的 ...
分类:
移动开发 时间:
2017-02-24 11:55:01
阅读次数:
676
<!DOCTYPE html><html style="height: 100%;"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, minimum- ...
分类:
Web程序 时间:
2017-02-21 17:54:34
阅读次数:
494
/*使用方式:在页面顶部引入flexible.js,将页面视觉设计稿切成10份,例如640px宽的视觉设计稿可切分成10个64px宽,以此为基准,手动计算页面中元素宽高和字体相对于64px比值,将这个比值作为元素宽高或字体大小的rem值即可*/ 曾几何时为了兼容IE低版本浏览器而头痛,以为到Mobi ...
分类:
其他好文 时间:
2017-02-16 13:30:09
阅读次数:
326