移动端自适应缩放代码

2019独角兽企业重金招聘Python工程师标准>>>

(function (doc, win) {var docEl = doc.documentElement,resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',recalc = function () {var clientWidth = docEl.clientWidth;if (!clientWidth) return;if(clientWidth>740){clientWidth = 740}docEl.style.fontSize = 20 * (clientWidth / 320) + 'px';};if (!doc.addEventListener) return;win.addEventListener(resizeEvt, recalc, false);doc.addEventListener('DOMContentLoaded', recalc, false);})(document, window);

<meta id="viewport" content="width=720,user-scalable=no,initial-scale=2.14"name="viewport">

(function(){var viewPortScale=0.5;var detectBrowser = function (name) {if (navigator.userAgent.toLowerCase().indexOf(name) > -1) {return true;} else {return false;}};var width = parseInt(window.screen.width);var scale = Math.ceil((width * 100) / 720) / 100;var userScalable = 'no';if (detectBrowser("qq/"))userScalable = 'yes';document.getElementById('viewport').setAttribute('content', 'width=720,user-scalable=' + userScalable + ',initial-scale=' + scale);
})();

转载于:https://my.oschina.net/swmhxhs/blog/858128

移动端自适应缩放代码相关推荐

android h5 禁止缩放,vue h5移动端禁止缩放代码
vue h5移动端禁止缩放代码安卓在index.html里面写 ios 在APP.vue里面写 window.onload = function() { document.addEventList ...
html浏览器pc端禁止缩放,阻止pc端浏览器缩放js代码
阻止pc端浏览器缩放js代码众所周知:移动端页面禁止用户缩放界面只需加上即可,但是pc端确实比较麻烦,用户可以通过如下几种方式来缩放: windows: ctrl + +/- ctrl + 滚轮浏 ...
【ZoomNet 解读】局部感知自适应缩放神经网络的三维目标检测
摘要三维目标检测是自动驾驶和机器人技术中的一项重要任务.虽然已经取得了很大的进展,但在估计远处和遮挡物体的三维姿态方面仍然存在挑战.本文提出了一种新的基于立体图像的三维检测框架 ZoomNet. Z ...
有了这套flexible.js 移动端自适应方案，你就能在移动端的来去自如， (*^__^*)
flexible.js 移动端自适应方案一,flexible.js 的使用方式: github地址:https://github.com/amfe/lib-flexible 官方文档地址:https ...
移动端自适应布局和响应式页面兼容移动端布局
上篇博客讲到了移动端的常用布局模式之一:Flex布局,这篇博客咱们来了解一下移动端的另外两种布局--移动端自适应布局和响应式页面兼容移动端布局. 目录一.移动端自适应布局 1.rem 什么是rem ...
css怎样将图片设置成正方形，而且随着浏览器窗口大小的改变而自适应缩放
效果图如下: 代码实例如下: <!doctype html> <html lang="en"><head><meta charset=&q ...
html5 自适应手机布局,科技常识：html5移动端自适应布局的实现
今天小编跟大家讲解下有关html5移动端自适应布局的实现 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关html5移动端自适应布局的实现的相关资料,希望小伙伴们看了有所帮助. 场景:为适 ...
原创：CSS3技术-雪碧图自适应缩放与精灵动画方案
花了一个礼拜完成了慕课网定制的七夕主题效果,其中有一个没实现好的功能,就是雪碧图的自适应缩放 ps: 以下实现都是基于移动端的处理原图如下: 人物是采用的是雪碧图,通过坐标绝对数据取值问题很明显, ...
在Vue中使用flex布局 echarts多图标不能自适应缩放问题
前言:最近有个项目需要用到echarts绘制多个图表,需求是要支持大屏展示,还有需要支持不同比例的缩放和任意手动缩放.因此,深入学习了echarts和flex布局.虽然遇到很多问题,但都一一解决了收获 ...

移动端自适应缩放代码

移动端自适应缩放代码相关推荐

最新文章

热门文章