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
关于移动端适配
属性含义width=device-width设备宽度minimum-scale最大缩小比例
maximum-scale
最大放大比例initial-scale初始比例user-scalable是否允许放缩图片适配图片最大为自身最大宽度
代码写的完嘛
·
2020-07-30 13:08
兼容与适配
开发响应式网页的前期准备
标签的设置这段代码的几个参数解释:width=device-width:宽度等于当前设备的宽度initial-scale:初始的缩放比例(默认设置为1.0)minimum-scale:允许用户缩放到的最小比例(默认设置为1.0)
maximum-scale
会飞得猪
·
2020-07-29 00:00
手机页面模板 (包含重置样式,带英文说明)
width=device-width:让文档的宽度与设备的宽度保持一致,且文档最大的宽度比例是1.0 initial-scale=1:初始的缩放比例
maximum-scale
weixin_33840661
·
2020-07-28 18:53
移动端 mate标签
initial-scale初始的缩放比例minimum-scale允许用户缩放到的最小比例
maximum-scale
允许用户缩放到的最大比例user-scalable用户是否可以手动缩放minimal-uiiOS7.1
和道一星魂
·
2020-07-28 07:49
移动端项目代码初始化
移动端项目代码初始化1.在index.html中,metal标签增加属性(minimum-scale=1.0,
maximum-scale
=1.0,user-scalable=no),要求移动端设备,用户去通过手指去放大缩小这样的操作是无效的
弢弢
·
2020-07-28 06:07
移动端项目初始化
移动端图片预览缩放-小技巧
中一定会有这样一句:含义:-width:设置layoutviewport特定值(一般使用device-width)-initial-sacle:设置页面初始缩放-minimum-scale:最小缩放-
maximum-scale
DSLMing
·
2020-07-28 05:34
前端基础
viewport meta 说明及浅见
device-width(设备宽度)height:可设定数值,或者指定为device-height(设备高度)initial-scale:第一次进入页面的初始比例minimum-scale:允许缩小最小比例
maximum-scale
我心V飞翔
·
2020-07-15 23:23
jQuery
Mobile
+
html5
无标题文章
是设置视窗宽度为设备视窗宽度,还可以固定宽度,例如:width=640则是640px的宽度(常见于微信);initial-scale=1.0:设置缩放比例为1.0;minimum-scale=1.0和
maximum-scale
互联网编程
·
2020-07-15 20:28
h5在使用雪碧图做背景时,如何使图标等比例缩放大小?
属性备注width=device-width表示宽度等于设备屏幕的宽度initial-scale表示初始的缩放比例(可以带小数)
maximum-scale
表示最大的缩放比例(可以带小数)minimum-scale
半斤李
·
2020-07-14 17:46
移动端图标自适应
h5图标自适应
移动端图标等比例放大或缩小
响应式布局(包含@media媒体查询)
maximum-scale
:允许用户缩放到的最大比例。mi
Jqy_111
·
2020-07-14 04:14
css
vue-cli3实现移动端自适应
postcss-px2rem(命令行安装)npmiib-flexible--savenpmipostcss-px2rem--saveflexible会为页面根据屏幕自动添加标签,动态控制initial-scale,
maximum-scale
leo_neverGivpUp
·
2020-07-12 13:02
H5自适应屏幕分辨率大小
H5自适应不同分辨率的设备,其实主要就一句width=device-width屏幕宽度;initial-scale=1原始缩放比例为1,即100%铺满;minimum-scale=1最小缩放比例为1;
maximum-scale
qq_45670012
·
2020-07-11 21:47
前端
技术问题
小功能
javascirpt
html
meta name="viewport" content="width=device-width,initial-scale=1.0" 究竟什么意思
width:可视区域的宽度,值可为数字或关键词device-widthheight:同widthintial-scale:页面首次被显示是可视区域的缩放级别,取值1.0则页面按实际尺寸显示,无任何缩放
maximum-scale
一个半路出家的人
·
2020-07-11 20:23
前端Html
使用vue-cli3.0搭建适配移动端的项目
device-width的值,这个值就是用来告诉浏览器,该页面将要使用设备的宽度来解析,后面的属性值则是告诉该页面:user-scalable=no禁止用户缩放页面initial-scale=1.0页面初始倍数为1倍
maximum-scale
ScreenshotOfCode
·
2020-07-10 23:05
移动端
基于vue-cli3的vue项目移动端样式适配,lib-flexible和postcss-px2rem
npminstalllib-flexible--savenpminstallpostcss-px2rem--save简要介绍这两个包的用途:flexible会为页面根据屏幕自动添加标签,动态控制initial-scale,
maximum-scale
weixin_30632899
·
2020-07-10 06:24
使PC端网页宽度自适应手机屏幕大小
其中:width=device-width:表示宽度是设备屏幕的宽度initial-scale=1.0:表示初始的缩放比例minimum-scale=0.5:表示最小的缩放比例
maximum-scale
lzqial1987
·
2020-07-09 20:14
html5
css3
移动开发
css+div布局
事项
hack
移动端
在如上的代码中:width:控制Viewport的大小,device-width是屏幕的宽度initial-scale:初始缩放比例,即用户第一次打开页面的显示比例initial-scale里包括如下内容:
maximum-scale
风寂云琅
·
2020-07-08 21:32
手机端常见兼容问题
//minimum-scale=1,
maximum-scale
=1最大(最小)缩放比例//user-scalable是否允许用户缩放。
☞小阿平☜
·
2020-07-08 00:05
手机端兼容
知识点
html5-- 总结 (3)
width=device-width设置宽度为屏幕宽度
maximum-scale
=1.0设置最大缩放比例minimum-scale=1.0设置最小的缩放比例。
big5
·
2020-07-07 23:45
H5移动端开发注意事项
一、关于meta(一)、常用的公共meta属性1、viewport属性属性width=device-width宽度=设备屏幕的宽度(px)minimum-scale允许用户缩放到的最小比例
maximum-scale
pinbolei
·
2020-07-07 18:27
前端
html
css
媒体查询使用和设备像素比
的时候需要设置下面这段代码,来兼容移动设备的展示效果准备工作1:设置Meta标签代码参数解释:width=device-width宽度等于当前设备的宽度initial-scale=1.0初始缩放比例(默认1.0)
maximum-scale
一只快乐的前端狗
·
2020-07-07 01:52
css
移动端----flex布局--容器
viewport方法有很多属性,比如说,width=device-width,
maximum-scale
=10,initial-scale=1,minimum-scale=1,user-scale=no
风清扬101
·
2020-07-01 15:09
移动端 h5开发相关内容总结——CSS篇
端开发下面这段话是必须配置的其它相关配置内容如下:widthviewport宽度(数值/device-width)heightviewport高度(数值/device-height)initial-scale初始缩放比例
maximum-scale
zhiqiang21
·
2020-06-30 08:29
HTML+CSS
关于viewport的一些问题
基础一个常用的针对移动网页优化过的页面的viewportmeta标签大致如下:
maximum-scale
安暖412
·
2020-06-30 04:16
Jsp编写的页面如何适应手机浏览器页面
经常遇到JSP网页需要适配手机设备的尺寸问题解决:在JSP加入content属性值:width:可视区域的宽度,值可为数字或关键词device-width(设备的宽度)
maximum-scale
=2.0
weixin_30670925
·
2020-06-27 23:31
如何在一个小的容器中放置横向的多个容器
主要的是container哪里有宽度没高度,所有它的高度为0,无法展示content="width=device-width,user-scalable=no,initial-scale=1.0,
maximum-scale
魔王恩
·
2020-06-27 09:16
页面适应电脑和手机屏幕initial-scale 1:0 user-scalable=yes
其中:width=device-width:表示宽度是设备屏幕的宽度initial-scale=1.0:表示初始的缩放比例minimum-scale=0.5:表示最小的缩放比例
maximum-scale
Goddess_liangyanli
·
2020-06-26 12:33
移动端布局
maximum-scale
:3.0最大的缩放
likeli
·
2020-06-26 01:14
HTML常用头部标签
"不超过150个字符">页面标题可选标签移动设备/***其中width=device-width自适应容器宽度*initial-scale初始化缩放比例*minimum-scale最小缩放比例*
maximum-scale
MuffinFish
·
2020-06-25 10:54
前端
手机横屏后字体变大 -webkit-text-size-adjust
需要设置一个属性text-size-adjust-webkit-text-size-adjust:100%;这属性现在的一般用处是防止iPhone在坚屏转向横屏时放大文字(注意,就算viewport设置了
maximum-scale
baby加油_
·
2020-06-25 08:55
css
移动端网站开发要点
,默认为980像素)height:viewport的高度(范围从223到10,000)initial-scale:初始的缩放比例(范围从>0到10)minimum-scale:允许用户缩放到的最小比例
maximum-scale
觉子先生
·
2020-06-23 19:22
移动端meta行大全
,默认为980像素)height:viewport的高度(范围从223到10,000)initial-scale:初始的缩放比例(范围从>0到10)minimum-scale:允许用户缩放到的最小比例
maximum-scale
qhaobaba
·
2020-06-22 02:45
移动端适配问题0907
前端开发常用单位1.1像素1.2百分比1.3em1.4rem1.5vwvh2.视口width=device-width设置视口宽度等于设备的宽度initial-scale=1.0初始缩放比例,1不缩放
maximum-scale
煤球快到碗里来
·
2020-04-23 17:24
移动端 meta
控制显示区域各种属性:width-viewport的宽度height–viewport的高度initial-scale-初始的缩放比例minimum-scale-允许用户缩放到的最小比例
maximum-scale
65_刘璐
·
2020-04-11 05:04
meta
参数说明:content参数释义widthviewport宽度(数值/device-width)heightviewport高度(数值/device-height)initial-scale初始缩放比例
maximum-scale
_Charles
·
2020-04-07 17:40
Vue-travel学习笔记
vue去哪网跟学笔记记录学习点滴1.初始化项目1.1手机显示配适minimum-scale=1.0,
maximum-scale
=1.0,user-scalable=no"阻止用户手滑发大缩小页面1.2初始化样式
noobakong
·
2020-04-06 00:12
解决web网页,在手机端点击输入框获得焦点,自动变大的问题
maximum-scale
=2.0:表示:最大的缩放比例。user-scalable=yes:表示:用户是否可以调整缩放比例。
Alex_1799
·
2020-04-04 20:58
开发app 移动端开发基础
写于头部
maximum-scale
=1.0:用户可以缩放的最大百分比minimum-scale=1.0:用户可以缩放的最小百分比user-scalable=0:用户是否可以进行缩放width=device-width
_YDS
·
2020-04-01 05:47
14、Viewport
maximum-scale
:允许用户缩放到的最大比例。minimum
IUVO
·
2020-03-31 22:04
纯canvas页面自适应方法
document.querySelector('meta[name="viewport"]').setAttribute('content','width=device-width,initial-scale='+scale+',
maximum-scale
记忆是条狗
·
2020-03-26 00:57
移动端开发注意事项
一、关于meta(一)、常用的公共meta属性1、viewport属性备注width=device-width宽度=设备屏幕的宽度(px)minimum-scale允许用户缩放到的最小比例
maximum-scale
文懂懂
·
2020-03-23 08:36
移动WEB前端开发资源整合
是设置视窗宽度为设备视窗宽度,还可以固定宽度,例如:width=640则是640px的宽度(常见于微信);initial-scale=1.0:设置缩放比例为1.0;minimum-scale=1.0和
maximum-scale
Simon王小白
·
2020-03-22 14:20
网页禁止缩放
maximum-scale
最大缩放。即允许的最大缩放程度。这也是一个浮点值,用以指出页面大小与屏幕大小相比的最大乘数。例如,如果你将这
frankisbaby
·
2020-03-20 03:33
1, bootstrap引入, 基本概念和网格系统
device-widthwidth属性控制设备的宽度.假设您的网站将被带有不同屏幕分辨率的设备浏览,那么将它设置为device-width即设备的屏幕宽度.initial-scale=1.0页面初始化时的缩放级别
maximum-scale
码农老王
·
2020-03-19 02:40
手机web适配技巧
其中:width=device-width:表示宽度是设备屏幕的宽度initial-scale=1.0:表示初始的缩放比例minimum-scale=0.5:表示最小的缩放比例
maximum-scale
悠悠神代不曾闻
·
2020-03-18 16:10
移动前端开发项目-2_移动端前端开发注意事项
device-width宽度是设备屏幕的宽度(像素)height=device-height高度是设备屏幕的高度(像素)initial-scale初始的缩放比例minimum-scale允许用户缩放到的最小比例
maximum-scale
小豌豆书吧
·
2020-03-15 09:45
视口 viewport
语法:详解:width=device-width:设置宽度为屏幕宽度
maximum-scale
=10.0:设置最大缩放比例,值0.25-10.0minimum-scale=1.0:设置最小缩放比例,不能小于初始化的比例
老95
·
2020-03-15 08:06
viewport content 参数注释
注释width=device-width//宽度等于当前设备的宽度initial-scale=1//初始的缩放比例(默认为1)
maximum-scale
=1//允许用户缩放到得最大比例(默认为1)user-scalable
panw3i
·
2020-03-13 02:37
移动端页面
一系列的meta标签//优先使用IE最新版本和Chromeviewport视口device-width设备宽度initial-scale=1.0初始缩放比例minmum-scale=1.0最小缩放比例
maximum-scale
w_01
·
2020-03-12 06:03
移动端页面的特点
initial-scale=1.0,
maximum-scale
=1.0,minimum-scal
饥人谷_hak
·
2020-03-07 02:28
上一页
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
其他