initial-scale

width=device-width ：表示宽度是设备屏幕的宽度
initial-scale=1.0：表示初始的缩放比例
minimum-scale=0.5：表示最小的缩放比例
maximum-scale=2.0：表示最大的缩放比例
user-scalable=yes：表示用户是否可以调整缩放比例

如果是想要一打开网页，自动以原始比例显示，并且不允许用户修改的话，则是：

<meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1, maximum-scale=1, user-scalable=no"/>

initial-scale相关推荐

【原】移动端界面的适配
摘要:在进行移动端界面的书写的时候,如果把宽度高度或者字体大小全部写死的话,那么在所有手机上看到的大小都一样,存在的问题就是同样大小的字体,或者一个盒子模型, 在大屏幕手机上看起来会有点偏小.比如ip ...
根据 JS 自动定义页面缩放比（根据分辨率进行适配）
2019独角兽企业重金招聘Python工程师标准>>> //Mozilla/5.0 (iPhone; CPU iPhone OS 9_1 like Mac OS X) AppleWe ...
移动端适配方案 flexible.js
前言移动端适配一直以来都是前端开发中不可或缺的重要组成部分,如果没有了它,那么你做出来的页面极有可能会出现各种意外(写出来的页面与设计稿之间的差别).所有我们得找到一种相对来说让人比较满意的解决方案 ...
基于ArcGIS JS API 4.11实现对FeatureLayer的多变量渲染
文章目录需求背景需求分析开发过程效果图注意事项参考链接在线示例需求背景有一个二维数组,里面包含几万个表示高度的值,现在要把这些高度值在地图上展示出来.可以通过小立方体的方式展现,长宽 ...
Angular项目中,基于esriLoader+iframe实现不同页面调用3.x与4.x ArcGIS JS API
场景: 现在有个项目同时涉及二维.三维地图功能,明确要求使用ArcGIS 平台.目前ArcGIS API For JS有两个系列3.x和4.x,3.x只能实现二维功能,4.x主要支持三维功能,同时也支 ...
tensorflow笔记：多层LSTM代码分析
tensorflow笔记系列: (一) tensorflow笔记:流程,概念和简单代码注释 (二) tensorflow笔记:多层CNN代码分析 (三) tensorflow笔记:多层LSTM代 ...
移动端适配 rem
前置知识: 物理像素(physical pixel,device pixel) 物理像素(设备像素),显示设备中一个最微小的物理部件.每个像素可以根据操作系统设置自己的颜色和亮度. 设备独立像素(de ...
移动端适配--flexible.js
引言: H5适配一直是一个比较普遍的问题,很多文章都会讲,最近开发了一个H5的项目使用了一下淘宝的 flexible.js,写一篇文章自己总结一下. 一.背景介绍: Flexible.js是淘宝公开的 ...
mobile-util.js适配移动端的js
/** * MobileWeb 通用功能助手,包含常用的 UA 判断.页面适配.search 参数转键值对. * 该 JS 应在 head 中尽可能早的引入,减少重绘. * * fixScr ...
HTML5实践 -- 三步实现响应式设计
HTML5实践 -- 三步实现响应式设计响应式web设计现在已经不是一个难事了,如果你还不熟悉他,可以参看我的文章<HTML5实践 -- 流式响应式设计>.如果你是一个初学者,可能响应式 ...

initial-scale

initial-scale相关推荐

最新文章

热门文章