H5/微信 Video标签移动端播放问题
一、禁止/阻止/取消默认的全屏播放 亲测： IOS和安卓均有效 <video x5-playsinline="true" playsinline="true" webkit-playsinline="true" x-webkit-airplay="true" ...
Axure原型：移动端图片轮播集合
原型预览：https://www.pmdaniu.com/storage/121050/6f1cd5148df7c367957aa9b6f35bef6b-69620/start.html原型介绍作品页数：共6页，分别为顶部图片轮播图、顶部大小轮播图、上下滑动轮播图、全屏轮播图、心形轮播图、大小图轮播...
移动端Vant UI使用注册的两种方式
全局注册：main.js 中：import { Tab, Tabs,Step, Steps ,NavBar ,Toast ,Field ,Icon,Checkbox, CheckboxGroup, } from ‘vant’;Vue.use(Checkbox);Vue.use(CheckboxGro...
【移动端】常见CSS 兼容问题及解决方案
移动端 css 兼容问题 【移动端】常见CSS 兼容问题及解决方案 1. 安卓浏览器看背景图片，有些设备会模...
移动端调试工具-vconsole
vconsole的github地址：https://github.com/Tencent/vConsole/blob/dev/README_CN.mdvue项目如何引入npm install vconsole或者cnpm install vconsole或者yarn add vconsole 然后设...
微信公众号 几种移动端UI框架介绍 微信公众号 几种移动端UI框架介绍
http://blog.csdn.net/e_wsq/article/details/69248466微信公众号开发，主要是移动端网页的页面开发，在这里推荐3个移动...
润乾报表移动端展现
在各企业中或者电商平台的商家，业务方，每天都有大量的人需要在线查看大量的指标，用于监控、分析关键业务数据的发展趋势。同时，又有着能够随时随地，方便快捷的查看分析数据的诉求。我们习惯于，使用润乾报表在PC端或大屏中展现，但是你知道吗？润乾报表V2018是以HTML5方式输出，不仅支持在PC端展现，也支...
避免在移动端页面中使用100vh
100vh带来的问题在CSS中，视口单位（Viewport units）听起来不错。如果要设置一个元素的样式使它占据整个屏幕的高度，那么你可以设置height: 100vh，这样你就拥有一个完美的全屏元素，该元素会随着视口的变化而调整大小！可惜的是，事实并非如此。100vh在移动浏览器中以一种微妙但...
在电脑上写好的移动端页面，如何在手机上快速查看
我在这里告诉大家一个小窍门，是我的神技，那就是在电脑上写好移动端页面，如何在手机上快速查看呢？多余的话不说，直接说技能点。1,这里首先找到自己的ip地址然后把自己的ip地址复制到这里，就是自己在电脑上打开移动端的路径:2这里只需要更换localhost就可以了。然后把这一整行都进行复制3.打开百度，...
解决移动端页面滑动穿透问题
前几天遇到移动端页面穿透问题相信很多人也遇到过相应的情况 这个问题特别顽固 电脑端用谷歌移动界面测试没有问题 但是安卓 ios 还是会有问题 而且安卓 和 ios 下面两种放法 支持还不一样导致这个问题弄了很久 内容有点多请详细阅读！！！！就像这个情况 滑动答案的时候 答案到了底...
教你如何在移动端调试WEB页面
关于页面调试，想必作为前端工程师来说是在常见不过的了。很多调试工具和方法大家也都耳熟能详，比如Chrome开发者工具，firebug，等等。但是现在的应用场景，大多数都已经从PC端转向了移动端，而真机实测部分出现错误，我们如何调试呢？下面给大家介绍三种方式，帮你轻松搞定移动端的页面调试。1.Brow...
移动和桌面端OAuth2.0安全分析和CodeVerifier机制
桌面端和移动端是在App中内嵌浏览器辅助完成OAuth2.0整个流程流程如图所示OAuth2.0 Web端1）返回authCode到指定Web redirectUri(此uri是应用开发者来配置)2）换token需要传clientId和clientSecret验证client身份 (应用后端服务获取...
移动端H5页面rem缩放方案flexible.js兼容375px方案的思路
参考：移动端高清、多屏适配方案 viewport-and-flexible.jsflexible.js github一个新的项目复用了一些老页面，老页面是使用375px方案进行移动端适配的，meta[viewport]使用的是<meta name="viewport" content="wid...
热门移动端H5开源前端开发框架搜集整理
ant design官方网站:ant.design 介绍：这里蚂蚁金服出的一款框架，提供了桌面版和移动版两大块。移动版的首页是：https://mobile.ant.design/index-cn。 应用者：蚂蚁金服、阿里巴巴、口碑、滴滴 Framework7官网：framework7.taobao...
移动端适配rem的两种方法
移动端适配rem的两种方法rem是根据你的根元素html的字体大小进行换算的，所以一切换算都要从font-size进行着手。方法一：用media方法就是根据你需要的几台设备来进行设置来进行适配。代码类似如下： html{ font-size: 100px; } /*...
移动端DPR，物理像素，逻辑像素，PPI，物理尺寸
还是从具体的案例来去认识移动端中的各种定义吧。 以最常见的设计图参考iphone6来举个栗子，详细说。4.7in2.3*4.1 in16：9375 * 667 dp750*1334px2.0 xhdpi (密度)4.7英寸2.3(宽度)*4.1(长度) 英寸高度：宽度375*667 (points)...
echarts实现折线图（移动端自适应）
<!DOCTYPE html><html style="height: 100%"> <head> <meta charset="utf-8"> </head> <body> <div ...
迅睿CMS 自适应移动端（同域名）
程序支持自动识别PC和移动端，当只设置了电脑域名，未设置手机域名时的自动识别客户端比如某些虚拟主机用户不支持移动端域名绑定子目录的视情况，也可以使用本教程来解决电脑域名：www.xxxx.com手机域名：未设置本教程有一个局限性问题：不能生成静态文件，只能用伪静态或动态 1、设置电脑域名，并关闭静态...
2 thinkcmf5.0 pc端和移动端自动切换
现在的用户对于cms类型的网站，一般都要求实现PC端和移动端两种访问模式。虽然说使用boostrap写一套模板可以基本满足用户的需求，但设计起来比较麻烦，既要考虑PC的布局，还要考虑移动端的布局。还是写两套模板比较方便，一套pc模板，一套mobile模板，那么如何识别客户端的类型（pc，手机）自动切...
移动端适配方案flexible.js在vscode中配置
1、什么是flexible.js ？flexible.js是手淘开发出的一个用来适配移动端的js框架2、获取方式：GitHub链接：https://github.com/amfe/lib-flexible在GitHub上下载并解压后找到index.js3、用法在script标签下引入flexible...