user-scalable

移动端的事件

移动端视窗说明width=device-width应用程序的宽度和屏幕的宽度是一样的initial-scale=1.0应用程序启动时候的缩放尺度（1.0表示不缩放）user-scalable=no/0/
楚乌·2020-03-06 18:00

Bootstrap的全局样式解读

拥有灵活的响应式栅格系统，便于布局3、Bootstrap采用Normalize.css作为浏览器重置样式库4、为了确保适当的绘制和触屏缩放，添加viewport元数据标签，当然，为了使网站更像原生应用，可以添加user-scalable
忽如寄·2020-03-02 04:12

2_H5新标签练习

练习name="viewport"：屏幕设定maximum-scale=1.0,minimum-scale=1.0；initial-scale=1.0:最大最小缩放比例为1：其实就是不允许点击缩放user-scalable
Zd_silent·2020-02-29 01:36

html

信息的设置(自适应)1、声明信息2、编码设置3、移动设备特别设置(重要声明～)Viewport说明:该设置可使我们开发出的页面/产品大小可适应各种高端移动设备width=device-width为设备的宽度.user-scalable
ProgrammerEliza·2020-02-13 06:21

动态rem

响应式1.meta：vp阻止缩放width=device-width记住viewport是视口user-scalable=no禁止用户缩放initial-scale=1.0初始缩放倍数1.02.尽量不要写
gigi1226·2020-02-02 17:37

大屏机前端项目注意点总结

（在触屏机器上，user-scalable=no失效）实现方法：新建chrome快捷方式。
baxiamali·2020-01-07 11:30

css布局-百分比布局

width=device-width约束视口initial-scale=1.0初始视口倍数是1倍minimum-scale=1.0最小允许视口宽度是1倍maximum-scale=1.0最大允许视口宽度是1倍user-scalable
落崖惊风yxy·2019-12-28 09:09

移动端meta 以及一些常用js事件

width-viewport的宽度height–viewport的高度initial-scale-初始的缩放比例minimum-scale-允许用户缩放到的最小比例maximum-scale–允许用户缩放到的最大比例user-scalable
时代小召唤·2019-12-25 23:22

解决禁止html5手机端双击页面放大的

其中maximum-scale为允许用户的最大缩放值，user-scalable为是否允许用户进行缩放，yes(默认)代表允许，no(0)代表不允许，两者结合使用可以阻止页面被放大（经测试，少一项都达不到效果
不7而遇_·2019-12-24 01:36

标签的使用

width–viewport的宽度height–viewport的高度initial-scale–初始的缩放比例minimum-scale–允许用户缩放到的最小比例maximum-scale–允许用户缩放到的最大比例user-scalable
臭臭臭魁·2019-12-22 09:27

meta小结汇总

viewportviewport官网http://blog.jobbole.com/44319/name="viewport"//视口content="device-width"//content="wdith=320"//屏宽user-scalable
张chuner·2019-12-21 10:46

手机页面中在中加入这句话，可以让页面适应设备的宽度。width=device-width--宽度为设备宽度，如果你的页面宽度小于设备宽度，就需要修改一下这个属性，不然的话会出现可以页面左右滑动，如ipadios7中客户端页面。initial-scale-初始的缩放比例minimum-scale-允许用户缩放到的最小比例maximum-scale-允许用户缩放到的最大比例user-scalable-
moppet蔡蔡·2019-12-06 14:00

fastclick作用

3、如果在viewportmetatag添加了user-scalable=no，也不会有延迟，注
zhaogaojian·2019-12-03 10:00

Bootstrap栅格布局

对于移动端显示布局，需要引入一个meta标签/*引入移动端窗口数据标签，则user-scalable=no是设置窗口是否可缩放*/开始布局内容：首先需要创建布局容器，容器可设置类名为container和
renhaooh·2019-11-18 14:00

深入浅出viewport

device-width：表示宽度是设备屏幕的宽度initial-scale=1.0：表示初始的缩放比例minimum-scale=0.5：表示最小的缩放比例maximum-scale=2.0：表示最大的缩放比例user-scalable
gongzhen·2019-11-07 01:47

禁止页面的缩放

将user-scalable改为0
JamesSawyer·2019-11-02 13:22

解决iOS10的Safari下Meta设置user-scalable=no无效的方法

苹果为了提高Safari中网站的辅助功能，屏蔽了Meta下的user-scalable=no功能。所以在iOS10下面，就算加上user-scalable=no，Safari浏览器也能支持手动缩放。
李小馋·2019-11-02 03:53

H5移动端—移动端布局及适配

1.移动端基本环境viewport视口(可视区窗口)默认不设置viewport一般可视区宽度在移动端是980width可视区的宽度(number||device-width)user-scalable是否允许用户缩放
jiaojsun·2019-10-18 16:23

BootStrap入门教程(二)之固定的内置样式

可以为viewportmeta标签添加user-scalable
·2019-09-25 06:20

移动的自适应方法

{letmeta=document.getElementById('mt');letwidth=window.innerWidth;mt['content']=`width=device-width,user-scalable
木头人_a·2019-06-26 11:00

响应式布局

属性的时候需添加兼容移动设备优先代码/*参数说明：-width=device-width：宽度等于当前设备宽度-Initial-scale：初始缩放比列（默认1.0）-maximum-scale：允许用户缩放最大比列（默认1.0）-user-scalable
Leophen·2019-04-19 21:49

移动端使用CSS或JS判断横屏和竖屏的讲解

2)、user-scalable=no就一定可以保证页面不可以缩放吗？NO，有些浏览器不吃这一套，还有一招就是minimum-scale=1.0,maximum-scale=1.0
CODETC·2019-03-16 11:16

HTML 禁用手机端页面缩放

在head标签里添加如下meta标签简单粗暴,或者可以设置user-scalable=no另外适配手机屏幕可以通过media对分辨率做判断处理附上菜鸟教程里的一段儿内容http://www.runoob.com
开发应以大橘为重·2019-03-06 13:09

Vue移动端项目中，页面限制用户缩放【防止页面被缩小和放大】

页面限制用户缩放【防止页面被缩小和放大】用vue脚手架【vue-cli】生成的项目中，在index.html页面的head标签中，有一条mate标签是：如图：maximum-scale、minimum-scale及user-scalable
AIU哎呀·2019-03-04 19:49

移动端开发常见问题汇总(未完待续)

标签兼容性问题移动端h5展示一般通过设置meta的viewport来规范页面的展示效果，常使用如下配置：上面的作用之一就是禁止用户缩放，大部分设备下是没有问题的，但是：在IOS>=10系统的safari下，user-scalable
wonyun·2018-12-30 12:00

总结移动端页面开发时需要注意的一些问题

通常把user-scalable设置为0来关闭用户对页面视图缩放的行为。完整的viewport设置，当然，user-
sir.山·2018-08-10 17:27

移动端适配的方法

/设计稿尺寸varviewport=document.getElementById('viewport');viewport.setAttribute('content','width='+dw+',user-scalable
dxj124·2018-07-30 11:06

Vue项目 --- 代码初始化

第一步：项目根目录下index.html，初始代码如下：travel需要在后面补上,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no，加上后在移动端用户就不可以通过手指对页面进行缩放和放大了
V火力全开·2018-07-12 18:41

Vue项目中，防止页面被缩放和放大

在head标签中，我们会看到meta标签中有一条显示是但是我们发现这条语句中只是让user-scalable=0，这是不让用户进行缩放。可以页面会在两个手指进行放大！！！
CherryLee_1210·2018-06-07 11:13

Vue项目中，防止页面被缩放和放大

在head标签中，我们会看到meta标签中有一条显示是但是我们发现这条语句中只是让user-scalable=0，这是不让用户进行缩放。可以页面会在两个手指进行放大！！！
CherryLee_1210·2018-06-07 11:13

webview缩放 user-scalable

webview缩放，可设置一下属性webView.getSettings().setSupportZoom(true);webView.getSettings().setBuiltInZoomControls(true);webView.getSettings().setDisplayZoomControls(false);webView.getSettings().setUseWideViewP
一二三四五六七八_·2018-05-18 16:41

HTML常考知识点和面试题

//保证页面不会出现编码问题（乱码）//宽度等于设备宽度，初始化比例等于1，最大初始化比例等于1，user-scalable=no将控制用户无法进行触屏扩大或缩小网页（适配移动端的第一步加上viewport
风丶不会停息·2018-04-07 17:24

移动端页面开发时需要注意的一些问题

通常把user-scalable设置为0来关闭用户对页面视图缩放的行为。完整的viewport设置，当然，u
青春..荒唐·2017-12-31 19:00

移动端页面开发时需要注意的一些问题

通常把user-scalable设置为0来关闭用户对页面视图缩放的行为。完整的viewport设置，当然，u
青春..荒唐·2017-12-31 19:00

移动端开发meta标签的使用

在浏览器中页面将以原始大小显示，并不允许缩放注释：initial-scale:初始的缩放比例（范围从>0到10）minimum-scale:允许用户缩放到的最小比例maximum-scale:允许用户缩放到的最大比例user-scalable
Franklin阳·2017-12-28 10:34

移动web

#移动适配方案1.定高不定宽2.响应式布局3.rem#视口属性meta:vp+tablewidth：可以给固定值或者是设备宽度user-scalable：是否支持缩放0=不支持，1=支持initial-scale
周乐林·2017-12-05 00:09

元素可提供有关页面的相关元信息小结篇

0到10）minimum-scale：允许用户缩放到的最小比例maximum-scale：允许用户缩放到的最大比例user-scalable：用户是否可以手动缩(no,yes)-->
fighting_sunnyGirl·2017-11-28 14:07

[HTML] H5移动端知识点总结

一、meta标签1、控制显示区域各种属性：metacontent=width=device-width，initial-scale=1.0，maximum-scale=1.0，user-scalable
22guanerye123·2017-10-08 16:19

meta 标签禁止缩放失效

我在网上查了资料，在ios10+已经失效----为了提高Safari中网站的辅助功能，即使网站在视口中设置了user-scalable=no，用户也可以手动缩放。
江木·2017-09-12 17:20

viewport和媒体查询

viewport写移动端页面时需要加的属性一般写为即可width=device-width设置布局视口的宽度为设备屏幕宽度initial-scale=[number]设置初始的缩放比率user-scalable
what__·2017-08-28 11:31

移动端学习笔记（一）

viewport：视口（可视区窗口）默认不设置viewport一般可视区宽度在移动端是980width：可视区域的宽度（number||device-width）user-scalable：是否允许用户缩放
anran_1211·2017-08-02 23:26

IOS 禁止缩放页面的实现方法

IOS禁止缩放页面的实现方法在ios10前我们能通过设置meta来禁止用户缩放页面：在ios10系统中meta设置失效了：为了提高Safari中网站的辅助功能，即使网站在视口中设置了user-scalable
���S�幼�·2017-07-27 08:10

移动端开发笔记

一.移动端基本环境视口基于设备坐标viewport视口默认不设置在移动端是980width(number||device-width)user-scalable=noinitial-scalemaximum-scaleminimum-scale
少苏菇凉·2017-07-07 17:57

移动端开发过程中需要注意的问题

这点是最基本的，最为手机网站开发者来说应该都知道的，就是设置meta中的viewport使用view-port使页面禁止缩放，通常把user-scable设置为0来关闭用户对页面视图缩放的行为，也可以写成user-scalable
Olivia-yu·2017-06-27 18:00

移动端初识1

width: 可视区的宽度 (number||device-width)   user-scalable 是否允许用户缩放(yes||no),---->>ios10无效   initial-scale 
沉迷学习中·2017-06-19 15:08

如何写移动端页面

]').setAttribute('content','initial-scale='+scale+',maximum-scale='+scale+',minimum-scale='+scale+',user-scalable
stupidcc·2017-04-06 11:10

web移动端

移动端基本环境viewport视口可视区窗口默认不设置,一般可视区宽度在移动端是980参数:width:可视区的宽度(number||device-width(设备宽度))使用number在安卓下有问题user-scalable
llpy·2017-03-04 11:49

移动端 h5开发相关内容总结——CSS篇

1.移动端开发视窗口的添加h5端开发下面这段话是必须配置的metaname="viewport"content="width=device-width,initial-scale=1,user-scalable
在风口·2017-02-26 13:14

meta

模拟手机端网页viewport->视窗(展示区域)width=device-width设备宽度视口user-scalable=no/0是否允许缩放initial-scale=1.0初始值maximum-scale
C_Y大渔·2016-12-22 14:16

自适应和响应市布局

固定布局：网页版一律使用px作为单位手机版①可设定viewport的width为320，通过js动态修改initial-scale控制页面②设定viewport的width为640，user-scalable
CooMST·2016-11-10 16:59
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他