user-scalable

2021-1-24

的初始缩放级别（0-10之间的正数，1表示无缩放）minimum-scale:viewport能缩放的最小值（0-10之间的正数）maximum-scale:viewport能缩放的最大值（0-10之间的正数）user-scalable
宁_74ea·2024-02-13 07:15

通过meta设置识别H5与PC端，自适应屏幕

user-scalable=no：禁止用户缩放。此外，还可以使用CSS来进一步控制页面的布局和样式，以适应不同的设备和屏幕尺寸。例如，可以使用媒体查询来设置不同的样式规则，根据设备的宽
php转go·2024-02-09 06:02

2022-03-08 面试总结

device-width是指这个设备最理想的viewport宽度user-scalable是否允许用户手动缩放页面initial-scale定义初始缩放比例maximum-scale/minimum-scale
网恋被骗二块二·2024-01-26 00:47

学习回顾No.6

viewport）布局视口视觉视口理想视口meta视口标签width=>设viewport宽度initial-scale=>初始缩放比maximum-scale=>最大minimum-scale=>最小user-scalable
小Z想打代码·2024-01-17 00:41

关于HTML(十三)---------meta viewport原理

当然maximum-scale=1.0,user-scalable=0不是必需的，是否允许用户手动播放根据网站的需求来定，但把width设为width-device基本是必须的，这样能保证不会出现横向滚动条
黄小二哥·2024-01-07 16:41

移动端禁止屏幕缩放 - css

web页面嵌入移动端后，默认可以将页面放大拉伸的效果，可以通过设置如下属性将其禁用，具体操作如下：首先，找到程序的入口页面其次，在meta标签中添加如下两个属性即可：maximum-scale=1.0,user-scalable
survivorsfyh·2024-01-06 14:34

meta标签相关设置

二.user-scalable：用户是否可以手动缩放三.3.1telephone你明
梓钰·2024-01-03 16:26

前端面试（5）

user-scalable=no:禁止用户手动缩放。这样设置后，页面将按照设备
努力学习的廖同学·2023-12-17 21:57

利用meta标签禁止用户缩放

在移动设备浏览器上，通过为viewportmeta标签添加user-scalable=no可以禁用其缩放（zooming）功能。通常情况下，maximum-scal
艾瑞克曾·2023-12-17 12:48

cesium版本之间如何兼容_【JS】cesium与three.js 结合的栗子，结合了一下网友们的栗子，解决了three.js 高版本模型出不来的问题...

废话不多说先上图下面是源代码html>content=”width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable
赤衿·2023-11-15 04:52

H5技术干货

viewport的宽度height：viewport的高度initial-scale：初始的缩放比例minimum-scale：允许用户缩放到的最小比例maximum-scale：允许用户缩放到的最大比例user-scalable
weixin_34051201·2023-11-04 18:44

移动端响应式布局

响应式设计无论以哪种方式仍必不可少的设置Meta标签[1]（user-scalable=no属性能够解决iPad切换横屏之后触摸才能回到具体尺寸的问题。）
静_c540·2023-10-20 22:54

移动端总结

device-width是屏幕的宽度initial-scale:初始缩放比例，用户第一次打开页面的显示比例maximum-scale:允许用户缩放的最大比例minimum-scale:允许用户缩放的最小比例user-scalable
呆毛和二货·2023-10-13 18:51

[HTML5]移动端web页面开发常用的头部标签设置

maximum-scale、minimum-scale及user-scalable属性控制允
依星net188.com·2023-10-04 11:19

工作笔记（四）

解决方案优劣content="user-scalable=no"阻止双击缩放content="width=device-width,inittial-scale=1"可能不兼容低版本
wuyadream·2023-09-18 00:30

css3精灵动画,逐帧自适应精灵图+css3实现小动画

这个是固定像素的逐帧精灵图：content="width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale
江边挖地瓜的·2023-09-16 09:25

移动端ios 点击input 放大出现遮罩层

important;}-webkit-tap-highlight-color:transparent;但是据说ISO10的屏蔽了user-scalable=no，所以网上找了另一段据说可以监控js来达到目
Sunny_ae0e·2023-09-07 08:00

ios 手机浏览器，点击输入框页面会放大

解决办法在html的头部meta标签中设置user-scalable=noviewportmeta标记-HTML（超文本标记语言）|MDN
我有一棵树·2023-09-06 22:09

pc端与移动端适配 解决方案（vue版本）

1.找到根文件index.html.2.属性描述注释0到10）*minimum-scale：允许用户缩放到的最小比例*maximum-scale：允许用户缩放到的最大比例*user-scalable：用户是否可以手动缩
webYin·2023-08-22 07:39

手机网站按住放大图片_如图，html5开发的手机端web在线客服聊天，如何实现图片点击放大，捏合缩放功能？...

只要修改meta中content属性里的user-scalable设置为1就可以缩放了。//弹窗时记录meta信息recordMeta(){letmeta=document.quer
weixin_39710396·2023-08-16 17:17

HTML页面清除缓存

在任何环境下缓存不保存任何页面最后一行的meta是在移动浏览器中使用viewport元标签控制布局initial-scale属性控制页面最初加载时的等级缩放等级，maximum-scale、minimum-scale以及user-scalable
曼珠沙华_521b·2023-08-01 03:32

name=“viewport“content=“width=divice-width, initial-scale=1.0这些都是指得是什么？“

device-width：表示宽度是设备屏幕的宽度initial-scale=1.0：表示初始的缩放比例minimum-scale=0.5：表示最小的缩放比例maximum-scale=2.0：表示最大的缩放比例user-scalable
高明懿大可爱·2023-06-11 10:13

WKWebView缩放禁用和文字显示偏小问题

使用WKWebView时，显示文字会偏小，是因为H5配置缺少了meta标签，可以让H5开发人员配置或在代码中加入以下内容;需要禁用用户缩放手势时，可以再增加user-scalable=no字段，如下所示
划满伤痕的天空·2023-06-11 05:18

HTMLCSS学习笔记（二十）-- 移动端项目准备工作

initial-scale：初始的缩放比例（默认设置为1.0）minimum-scale：允许用户缩放到的最小比例（默认设置为1.0）maximum-scale：允许用户缩放到的最大比例（默认设置为1.0）user-scalable
千锋HTML5学院·2023-06-09 06:19

nuxt3 vue 让PC网站在手机上按比例缩小适应屏幕

直接代码：nuxt3：nuxt.config.jshead:{meta:[{name:"viewport",content:"width=device-width,initial-scale=0,user-scalable
王小王和他的小伙伴·2023-04-12 19:45

移动端适配2020-03-01

是设置可视区宽度等于设备宽度②、initial-scale=1.0：初始化缩放比例③、maximum-scale=1.0：最大可以放大的比例④、minimum-scale=1.0：最小可以缩小的比例⑤、user-scalable
请您注册·2023-03-21 21:50

前端开发页面基础样式（移动端、响应式、自适应）

~先记录一下，本文会持续更新~~~~~~~~一html部分通常在移动端页面上要加上这样一行代码width=device-width（设置页面宽度为设备宽度）user-scalable=no（不允许用户缩放
一名有马甲线的程序媛·2023-03-13 02:41

head中的meta关于手机模式的一些设置解读

device-width：表示宽度是设备屏幕的宽度initial-scale=1.0：表示初始的缩放比例minimum-scale=0.5：表示最小的缩放比例maximum-scale=2.0：表示最大的缩放比例user-scalable
绝学无为闲道人·2023-01-30 07:03

移动端适配方案总结

视口配置在移动端开发场景下，对于视口（）的推荐初始配置如下：width=device-width——使当前视口宽度与设备宽度一致user-scalable=no——禁止用户进行缩放操作initial-scale
·2022-12-29 14:34

vue项目在APP禁止页面缩放

----------将meta标签修改为如下，maximum-scale、minimum-scale及user-scalable属性控制允许用户以怎样的方式放大或缩小页面。
weixin_30826761·2022-11-24 03:08

Vue禁止页面缩放

找到这个项目的index.html文件添加一行content里面几个参数意思是宽度设置为设备宽度，initial-scale属性控制初始缩放级别，maximum-scale为最大规模，user-scalable
JIZQAQ·2022-11-24 03:01

vue移动端禁止页面缩放

的高度initial-scale-初始的缩放比例minimum-scale-允许用户缩放到的最小比例maximum-scale-允许用户缩放到的最大比例user-scalable-用户是否可以手动缩放user-scalable
浩星·2022-11-24 03:28

视口标签viewport

标准写法//widthviewport宽度可设置device-width特殊值//initial-scale初始缩放比//minimum-scale最小缩放比//maximum-scale最大缩放比//user-scalable
咚小喂·2022-08-14 09:03

视口

视觉视口是浏览器确定的，默认980pxmate控制布局视口宽度width=320布局宽度是320device-width布局宽度是设备宽度initial-scale0-10之间的值1默认不缩放，不影响布局user-scalable
王帅同学·2022-02-22 01:36

针对移动端的兼容问题总结

1.为了使用safari中的辅助功能，iOS10会忽略meta标签的'user-scalable=no'document.documentElement.addEventListener('touchstart
此行欲上天·2022-02-16 00:01

移动端&&雪碧图

viewport这句话响应式项目:PC端和移动端公用一套项目，一个域名HTML页面的宽度等于设备的宽度name="viewport"视口width=device-widthHTML页面的宽度等于设备的宽度user-scalable
晚月川·2022-02-15 22:16

触屏PC上如何禁止放大缩小

加入meta标签的user-scalable在触屏PC是不生效的。没办法，就只能直接禁止两指行为了，不过这样带来的问题就是滑动的时候两指滑动没有反应，只能单指滑动。
蜗牛Coming·2022-02-10 13:52

meta常用标签说明

device-width：表示宽度是设备屏幕的宽度initial-scale=1.0：表示初始的缩放比例minimum-scale=0.5：表示最小的缩放比例maximum-scale=2.0：表示最大的缩放比例user-scalable
秀萝卜·2022-02-09 10:25

移动端是怎么做适配的？

width=device-width:让当前viewport宽度等于设备的宽度user-scalable=no:禁止用户缩放initial-scale=1.0:设置页面的初始缩放值为不缩放maximum-scale
_William_Zhang·2022-02-06 10:51

关于meta

1、在移动设备浏览器上，通过为视口（viewport）设置meta属性为user-scalable=no可以禁用其缩放（zooming）功能。
ZYLoooong·2022-02-03 12:51

移动端是怎么去做适配的

——————————————————————————————————————在head里添加如下代码：width=device-width：让当前viewport宽度等于设备的宽度user-scalable
Save_Onfir3·2021-06-24 01:14

移动端开发css样式需求

device-width/*视口宽度等于屏幕宽度*/initial-scale=1.0/*页面初始缩放比例*/maximum-scale=1/*不允许放大窗口*/minimum-scale=1/*不允许缩小窗口*/user-scalable
在下高姓·2021-06-22 00:12

移动端是怎么做适配的？

user-scalable为页面缩放，等于NO，就是不准用户缩放。上面代码可以有效防止手机页面模拟980像素宽度，防止页面在用户双击的时候放大，防止用户两指缩放页面。
饥人谷__冯国欣·2021-06-21 16:31

移动端meta头一些常用的属性

1.比较重要的：width=device-width：设备宽度；user-scalable=no：是否可以缩放，可以设置为no或者0；initial-scale=1.0：初始缩放比例maximum-scale
Ra_b7df·2021-06-21 03:36

Vue移动开发的css基础设置

1.meta其中：user-scalable=no表示禁止用指缩放屏幕2.reset.css这个是一个初始化的css文件，可以使得对所有的移动端具有大致一样的展示效果。
klmhly·2021-06-20 16:50

iOS上 h5界面点击输入框界面自动会变大

h5在header里加了下面的代码还是不起作用（主要是user-scalable=no）方案1.如果这个界面不需要放大，那iOS这边可以注入js代码（弊端：如果你h5界面是共用的，用到加载pdf的时候应该没法放大查看了
香烟不灭·2021-06-12 10:16

媒体查询 移动端适配

device-width：表示宽度是设备屏幕的宽度initial-scale=1.0：表示初始的缩放比例minimum-scale=1.0：表示最小的缩放比例maximum-scale=1.0：表示最大的缩放比例user-scalable
xuziang111·2021-06-10 00:22

移动端click事件延迟300ms解决方案

说2种，解决方案如下：1、禁止缩放//关键是user-scalable=no2、FastClickFastClick是FTLabs专门为解决移动端浏览器300毫秒点击延迟问题所开发的一个轻量级
Allan要做活神仙·2021-04-26 06:13

移动web端揭秘

viewport视口(可视区窗口)默认不设置viewport一般可视区宽度在移动端是980width可视区的宽度(number||device-width)user-scalable是否允许用户缩放(yes
风吹燕尾·2021-04-23 17:18

移动端click事件300ms延时解决方案

问题描述移动端由于屏幕双击会缩放页面，因此移动端click事件会有300ms延时情况的产生解决方案方法一：全局禁止缩放在html页面头部的meta标签中加上content="user-scalable=
·2021-02-09 11:23
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他