![](https://img-blog.csdnimg.cn/20200603174635619.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
移动端
移动端
猫老板的豆
旁观自己 善待朝夕
展开
-
纯html5调用手机摄像头
纯html5,并且不涉及js,实现调用手机摄像头<!--打开相机--><input type="file" accept="image/*" capture="camera"> <!--打开摄像--><input type="file" accept="video/*" capture="camcorder"><!--打开录音--><input type="file" accept="aud原创 2017-09-30 11:41:50 · 1178 阅读 · 1 评论 -
移动端PSD设计稿与CSS的rem适配设置问题
注:7.2是指PSD设计稿宽度为(720/100) 如果PSD上测出字体大小或间距宽高为30px,则css上直接输出 0.3rem (30/100)//设置全局字体var n = function() { var n = document.documentElement.clientWidth; if(n > 414) { n = 414 }原创 2017-10-24 10:35:13 · 2486 阅读 · 0 评论 -
H5页面在 ios 端滑动不流畅的问题
IOS系统的惯性滑动效果非常6,但是当我们对div加overflow-y:auto;后是不会出这个效果的,滑动的时候会感觉很生涩。怎么办?方案一:body {-webkit-overflow-scrolling: touch;}在滚动容器内加-webkit-overflow-scrolling: touch 但这个方案有一个问题,在页面内具有多个overflow:auto的原创 2017-09-29 15:44:08 · 4358 阅读 · 1 评论 -
禁止微信浏览器长按出菜单(亲测可用)
禁止微信浏览器长按出菜单iso安卓 亲测可用img{ //元素不能成为鼠标事件的target pointer-events:none; -webkit-pointer-events:none; -ms-pointer-events:none; -moz-pointer-events:none;}原创 2018-01-11 12:10:49 · 7771 阅读 · 2 评论 -
JavaScript中浏览器打开或下载app
浏览器打开或下载app以下代码以打开百度贴吧app为例:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="apple-itunes-app原创 2017-08-28 15:09:26 · 6105 阅读 · 0 评论 -
JavaScript判断是否为微信浏览器或支付宝浏览器
判断是否为微信浏览器或支付宝浏览器if (/MicroMessenger/.test(window.navigator.userAgent)) { alert('微信客户端'); } else if (/AlipayClient/.test(window.navigator.userAgent)) { alert('支付宝客户端');} else { alert('其原创 2017-08-04 17:52:07 · 13622 阅读 · 0 评论 -
H5获取地理位置
H5获取地理位置<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />原创 2017-08-07 11:51:01 · 5837 阅读 · 0 评论 -
H5移动端判断手势滑动方向
移动端判断手势滑动方向原创 2017-08-23 17:55:37 · 2531 阅读 · 3 评论 -
手机/移动前端开发需要注意的20个要点
移动前端开发正逐渐步入前端技术的主流,事实上跟在一般的pc上,并不需要你掌握额外的技术,然而你在pc web上那一套在多数情况下并不适用于手机web,你必须知道这其中的注意点。当然移动web给人的感觉是一个拼h5和css3的阵地,这里面有足够高大上的技术等着你去驾驭,在这方面,你可以欣喜地说:让ie见鬼去吧。 1、首先我们来看看webkit内核中的一些私有的meta标签,这些meta标签在开发w原创 2017-09-20 17:23:00 · 10118 阅读 · 0 评论 -
移动前端头部标签(HTML5 head meta)
<!DOCTYPE html> <!-- 使用 HTML5 doctype,不区分大小写 --><html lang="zh-cmn-Hans"> <!-- 更加标准的 lang 属性写法 http://zhi.hu/XyIa --><head> <!-- 声明文档使用的字符编码 --> <meta charset='utf-8'> <!-- 优先使用 IE 最新版本和原创 2017-09-29 16:34:02 · 390 阅读 · 0 评论 -
移动端调试工具vConsole
1. 安装npm install vconsole2. 新建文件在 src/assets 目录下创建个util文件夹,并在里新建一个文件 vconsole.js,如下:import Vconsole from 'vconsole'let vConsole = new Vconsole()export default vConsole3. 引用可以在mai...原创 2018-07-20 17:03:51 · 909 阅读 · 0 评论