E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
maximum-scale
移动端布局viewport
maximum-scale
:允许用户缩放的最大比例。minimum-sca
Miss_Fairy
·
2020-02-18 02:43
移动端meta标签设置
,默认为980像素)height–viewport的高度(范围从223到10,000)initial-scale-初始的缩放比例(范围从>0到10)minimum-scale-允许用户缩放到的最小比例
maximum-scale
WidgetBox
·
2019-12-31 18:00
css布局-百分比布局
书写手机网页时,必须约束视口宽度(320-420左右):width=device-width约束视口initial-scale=1.0初始视口倍数是1倍minimum-scale=1.0最小允许视口宽度是1倍
maximum-scale
落崖惊风yxy
·
2019-12-28 09:09
移动端meta 以及一些常用js事件
控制显示区域各种属性:常用的标签模板width-viewport的宽度height–viewport的高度initial-scale-初始的缩放比例minimum-scale-允许用户缩放到的最小比例
maximum-scale
时代小召唤
·
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
臭臭臭魁
·
2019-12-22 09:27
meta小结汇总
/视口content="device-width"//content="wdith=320"//屏宽user-scalable=no/0//是否允许缩放initial-scale=1.0//初始化缩放
maximum-scale
张chuner
·
2019-12-21 10:46
[PuffBook项目总结]配置之viewport,rem,reset+global
device-width:指定viewport宽度为设备宽度initial-scale=1.0:指定默认缩放比例为1:1这样的设置会有问题就是屏幕的缩放比例没有固定,操作容易误触导致屏幕放大或缩小我们增加三个配置项:通过
maximum-scale
Yixi_Li
·
2019-12-14 07:05
手机页面中在中加入这句话,可以让页面适应设备的宽度。width=device-width--宽度为设备宽度,如果你的页面宽度小于设备宽度,就需要修改一下这个属性,不然的话会出现可以页面左右滑动,如ipadios7中客户端页面。initial-scale-初始的缩放比例minimum-scale-允许用户缩放到的最小比例maximum-scale-允许用户缩放到的最大比例user-scalable-
moppet蔡蔡
·
2019-12-06 14:00
深入浅出viewport
其中:width=device-width:表示宽度是设备屏幕的宽度initial-scale=1.0:表示初始的缩放比例minimum-scale=0.5:表示最小的缩放比例
maximum-scale
gongzhen
·
2019-11-07 01:47
H5移动端—移动端布局及适配
device-width)user-scalable是否允许用户缩放(yes||no)iOS10无效(我们放在事件章节解决)initial-scale初始缩放比例minimum-scale最小缩放比例
maximum-scale
jiaojsun
·
2019-10-18 16:23
H5移动端
meta
maximum-scale
:允许用户缩放到的最大比例。minimum-scale:允许用户缩放
lllusory_Dream
·
2019-09-21 22:00
bootstrap之响应式布局
1.手动配置viewport在HTML中:1以上代码的作用是:让viewport的宽度等于当前设备的宽度,同时不允许用户手动缩放,其中initial-scale=1.0和
maximum-scale
=1.0
Evey1
·
2019-09-02 20:00
iOS 解决WKWebView请求HTML代码被图片撑开文字变小的问题
解决方法在获取的HTML代码前面添加一段header设置.代码如下//自适应屏幕宽度,另
maximum-scale
=1.0,minimum-scale=1.0设置这两个参数可以禁止缩放网页NSString
深圳阳光
·
2019-08-26 11:00
手机端页面Html设置
//minimum-scale=1,
maximum-scale
=
菜鸟进阶成大神
·
2019-07-08 15:52
前端
移动的自适应方法
letwidth=window.innerWidth;mt['content']=`width=device-width,user-scalable=no,initial-scale=${width/750}
maximum-scale
木头人_a
·
2019-06-26 11:00
响应式布局
Media属性)首先在使用Media属性的时候需添加兼容移动设备优先代码/*参数说明:-width=device-width:宽度等于当前设备宽度-Initial-scale:初始缩放比列(默认1.0)-
maximum-scale
Leophen
·
2019-04-19 21:49
移动端使用CSS或JS判断横屏和竖屏的讲解
NO,有些浏览器不吃这一套,还有一招就是minimum-scale=1.0,
maximum-scale
=1.0
CODETC
·
2019-03-16 11:16
Vue移动端项目中,页面限制用户缩放【防止页面被缩小和放大】
Vue移动端项目中,页面限制用户缩放【防止页面被缩小和放大】用vue脚手架【vue-cli】生成的项目中,在index.html页面的head标签中,有一条mate标签是:如图:
maximum-scale
AIU哎呀
·
2019-03-04 19:49
vue
前端开发meta
width:可视区域的宽度,值可为数字或关键词device-widthheight:同widthintial-scale:页面首次被显示是可视区域的缩放级别,取值1.0则页面按实际尺寸显示,无任何缩放
maximum-scale
Amyliaa
·
2019-03-01 14:37
JAVA
HTML
移动端开发注意事项、需要注意的问题、特殊属性、精灵图、座固定有自适应的布局
宽度是设备屏幕的宽度(像素)height=device-height高度是设备屏幕的高度(像素)initial-scale 初始的缩放比例 minimum-scale 允许用户缩放到的最小比例
maximum-scale
muzidigbig
·
2018-08-26 13:01
移动端开发注意问题
Vue项目 --- 代码初始化
第一步:项目根目录下index.html,初始代码如下:travel需要在后面补上,minimum-scale=1.0,
maximum-scale
=1.0,user-scalable=no,加上后在移动端用户就不可以通过手指对页面进行缩放和放大了
V火力全开
·
2018-07-12 18:41
Vue项目中,防止页面被缩放和放大
所以将页面中meta标签
maximum-scale
、minimum-scal
CherryLee_1210
·
2018-06-07 11:13
vue
Vue项目中,防止页面被缩放和放大
所以将页面中meta标签
maximum-scale
、minimum-scal
CherryLee_1210
·
2018-06-07 11:13
vue
html页面手机适配方法
maximum-scale
:允许用户缩放到的最大比例。use
xiao_yuly
·
2018-03-29 11:37
HTML
移动端自适应方案二之手机淘宝的flexible设计与实现
0.5:1;metaEl.setAttribute('name','viewport');metaEl.setAttribute('content','initial-scale='+scale+',
maximum-scale
青春..荒唐
·
2018-02-02 18:00
移动开发
移动端自适应方案二之手机淘宝的flexible设计与实现
0.5:1;metaEl.setAttribute('name','viewport');metaEl.setAttribute('content','initial-scale='+scale+',
maximum-scale
青春..荒唐
·
2018-02-02 18:00
移动开发
移动端开发meta标签的使用
标签的使用一、viewport的使用,在浏览器中页面将以原始大小显示,并不允许缩放注释:initial-scale:初始的缩放比例(范围从>0到10)minimum-scale:允许用户缩放到的最小比例
maximum-scale
Franklin阳
·
2017-12-28 10:34
html
pc页面适应手机屏幕
标签
其中:width=device-width:表示宽度是设备屏幕的宽度initial-scale=1.0:表示初始的缩放比例minimum-scale=0.5:表示最小的缩放比例
maximum-scale
新篇章
·
2017-12-23 10:39
元素可提供有关页面的相关元信息小结篇
0到10)minimum-scale:允许用户缩放到的最小比例
maximum-scale
:允许用户缩放到的最大比例user-scalable:用户是否可以手动缩(no,yes)-->
fighting_sunnyGirl
·
2017-11-28 14:07
html
[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部分参数
maximum-scale
:允许用户缩放到的最大比例。minimum-scale:允许用户缩放到的最小比例。
EffIdong
·
2017-09-06 21:27
vue-music
meta部分参数
maximum-scale
:允许用户缩放到的最大比例。minimum-scale:允许用户缩放到的最小比例。
EffIdong
·
2017-09-06 21:27
vue-music
viewport和媒体查询
写移动端页面时需要加的属性一般写为即可width=device-width设置布局视口的宽度为设备屏幕宽度initial-scale=[number]设置初始的缩放比率user-scalable=yes|no默认yes是否允许用户缩放
maximum-scale
what__
·
2017-08-28 11:31
自适应布局meta标签中viewport、content、width、initial-scale、minimum-scale、
maximum-scale
总结
一、先明白几个概念phys.width:device-width:一般我们所指的宽度width即为phys.width,而device-width又称为css-width。其中我们可以获取phys.width即width通过document.documentElement.clientWidth;而获取css-width通过window.screen.width获取。如iphone6的phys.w
wbxjiayou
·
2017-08-18 10:22
H5 笔记
maximum-scale
:允许用户缩放到的最大比例。minimum-sca
FConfidence
·
2017-08-11 17:04
bootstrap简要介绍整理
所以是一个开发移动端页面的好的选择,为了让它更好的对移动设备友好,需要添加如下标签:device-width是为了确保让它正确呈现在不同的设备上,initial-scale为了确保网页加载时以1:1比例加载当然我们也可以加上
maximum-scale
罗兹威尔
·
2017-06-20 14:44
bootstrap
如何写移动端页面
devicePixelRatio;document.querySelector('meta[name="viewport"]').setAttribute('content','initial-scale='+scale+',
maximum-scale
stupidcc
·
2017-04-06 11:10
移动端
web移动端
设备宽度))使用number在安卓下有问题user-scalable:是否允许用户缩放(yes||no)这个参数在ios10下无效initial-scale初始缩放比例minimum-scale最小缩放比例
maximum-scale
llpy
·
2017-03-04 11:49
JavaWeb入门(五)-HTML-CSS-Javascript基础
viewport用于配置用户入口的一些参数,主要用于设置移动端的缩放比例等参数,width指定为设备的宽度,
maximum-scale
用于指定缩放比例,指定为1.0时表示
庄孝义
·
2017-02-21 16:36
JavaWeb学习笔记
meta
模拟手机端网页viewport->视窗(展示区域)width=device-width设备宽度视口user-scalable=no/0是否允许缩放initial-scale=1.0初始值
maximum-scale
C_Y大渔
·
2016-12-22 14:16
html -
标签常见属性及说明
height=device-height:表示宽度是设备屏幕的宽度initial-scale=1.0:表示初始的缩放比例(初始规模为1.0倍,即原始大小)minimum-scale=0.5:表示最小的缩放比例
maximum-scale
a7272706
·
2016-08-01 14:27
html
meta
viewport
JAVA技术篇
响应式布局基本实现Media Query(媒介查询)
参数解释:width=device-width:宽度等于当前设备的宽度initial-scale:初始的缩放比例(默认设置为1.0)minimum-scale:允许用户缩放到的最小比例(默认设置为1.0)
maximum-scale
macanfa
·
2016-06-10 20:00
布局
响应式
移动设备
消除viewport的疑惑-移动网页开发
其中:width=device-width:表示宽度是设备屏幕的宽度initial-scale=1.0:表示初始的缩放比例minimum-scale=0.5:表示最小的缩放比例
maximum-scale
Felixxp
·
2016-05-29 12:23
HTML
viewport和流式布局
移动端viewport devie-width设备的宽度 initial-scole=1.0 让我们的viweport初始化的时候缩放比是1.0 user-scalable是否允许用户设置缩放比
maximum-scale
qq_34102108
·
2016-04-24 19:00
移动端适配简易步骤
maximum-scale
:允许浏览者缩放到的最大比例,一般设为1.0
cometwo
·
2016-03-23 23:00
移动端适配简易步骤
maximum-scale
:允许浏览者缩放到的最大比例,一般设为1.0
李佳怡
·
2016-03-23 23:00
手机页面可视区域
可视区域的宽度,值可为数字或关键词device-width height:同width intial-scale:页面首次被显示是可视区域的缩放级别,取值1.0则页面按实际尺寸显示,无任何缩放
maximum-scale
漂流北极熊
·
2016-03-02 10:00
移动开发学习笔记(一) 移动开发的注意事项
宽度是设备屏幕的宽度(像素)height=device-height高度是设备屏幕的高度(像素)initial-scale 初始的缩放比例 minimum-scale 允许用户缩放到的最小比例
maximum-scale
快乐~
·
2016-02-18 21:00
移动开发学习笔记(一) 移动开发的注意事项
宽度是设备屏幕的宽度(像素)height=device-height高度是设备屏幕的高度(像素)initial-scale 初始的缩放比例 minimum-scale 允许用户缩放到的最小比例
maximum-scale
快乐~
·
2016-02-18 21:00
上一页
1
2
3
4
5
6
7
8
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他