-
- 精慕门3509622 2022-04-14
动态生成
- 0赞 · 0采集
-
- 宋芽芽历险记 2022-03-13
viewport
initial-scale=1 屏幕和显示效果1:1（若为2、3则成倍数增长）
maxinum-scale 放大
mininum-scale 缩小比例
user-scalable 用户是否可以缩放大小
高清手机屏（苹果3以上分辨率高）改为0.5:1
- 0赞 · 0采集
-
- 慕先生2460855 2021-01-25
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=2,minimum-scale=0.5,user-scalable=yes">
在网页的<head>中增加以上这句话，可以让网页的宽度自动适应手机屏幕的宽度
-
截图0赞 · 0采集
-
- 农民工024 2020-07-12
视网膜屏幕判断
-
截图0赞 · 0采集
-
- 农民工024 2020-07-12
移动端显示用
-
截图0赞 · 0采集
-
- RelaxLearning 2020-06-16
meta标签中的Viewport:
1.width,height
2.user-scalable,initial-scale
3.maximum-scale,minimun-scale
- 0赞 · 0采集
-
- 社会欢_编程小渣渣 2020-03-17
viewport
- 0赞 · 0采集
-
- MrLiu188 2020-03-03
viewport
- 0赞 · 0采集
-
- dkiz菌 2019-12-20
- <meta> 可控制页面样式大小
-
截图0赞 · 0采集
-
- weixin_慕设计3248055 2019-12-10
验证像素高的视网膜屏，避免出现字体和边框变粗的情况
-
截图0赞 · 0采集
-
- weixin_慕设计3248055 2019-12-10
<meta name="viewport" content="width=device-width,initial-scale=0.5（设置网页初始化时的大小）,maximum-scale=1,minimum-sacle=1,user-scalable=no(是否允许用户放大缩小操作，“yes”时max和min 生效)">
- 1赞 · 3采集
-
- 慕雪405529 2019-08-14
- 使在页面不缩放时，pc端像素单位等于移动端物理单位，即最终显示大小相同
-
截图0赞 · 0采集
-
- 慕粉2466386 2019-08-14
移动端格式：
<meta type="viewport" content="width=device-width,initial-scale=1,maxmum-scale=1,minimum-scale=1,user-scalable=no ">
属性
属性详细 备注
width
宽
移动端宽度
height
高
移动端高度
initial-scale
初始化界面，放大倍数
网页倍数
maxmum-scale
最大倍数
minimum-scale
最小倍数 user-scaleble
用户是否可缩小/放大网页
device-width
可代替width，自动获取
电脑像素：1024x768
问题： 手机端 如ipone等较为高清的移动端原始网页边线变粗了应如何解决
阿里解决方案：手机端面试开发-ip3以上 initial-scale:0.3/0.5、
用js文件动态生成meta中initial-scale倍数问题。
- 0赞 · 0采集
-
- 慕工程1404630 2019-05-30
手机端 边线变粗了 如何解决？13：00
- 0赞 · 0采集
-
- 为了自己加油 2019-04-10
Bootstrap中的viewport(手机适配)
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minium-scale=1,user-scalable=no" >
- 0赞 · 1采集
-
- 爱学习的小鹏友 2019-03-27
- 别人家的屏幕头部用js生成meta
-
截图0赞 · 0采集
-
- 爱学习的小鹏友 2019-03-27
- 谷歌浏览器还能调成手机预览版？
-
截图0赞 · 0采集
-
- Tears丶雪夜 2019-03-18
高分辨率手机一个像素点为多个像素合体，会导致部分边框变粗
-
截图0赞 · 0采集
-
- qq_一曲离殇丶笑看人世繁华_3 2019-03-08
引入viewport代码
-
截图0赞 · 0采集
-
- 慕慕6033450 2019-02-28
viewport
- 0赞 · 0采集
-
- 慕慕6033450 2019-02-28
viewport
- 0赞 · 0采集
-
- 慕慕6033450 2019-02-28
2. viewport
- 0赞 · 0采集
-
- Allen_MT 2018-12-05
解决苹果线条字体变粗的问题
-
截图1赞 · 1采集
-
- 一名会修电脑的程序员预备役 2018-12-03
initial-scale网页放大倍数，maximum-scale，最大倍数，minimum-scale，最小倍数
-
截图1赞 · 2采集
-
- 一名会修电脑的程序员预备役 2018-12-03
meta适应手机
-
截图0赞 · 0采集
-
- qq_莳苋MENG_03487457 2018-11-26
width：控制 viewport 的大小，可以指定的一个值，如 600，或者特殊的值，如 device-width 为设备的宽度（单位为缩放为 100% 时的 CSS 的像素）。
height：和 width 相对应，指定高度。
initial-scale：初始缩放比例，也即是当页面第一次 load 的时候缩放比例。
maximum-scale：允许用户缩放到的最大比例。
minimum-scale：允许用户缩放到的最小比例。-
截图1赞 · 1采集
-
- 壹零贰IV 2018-11-10
当遇到一个像素有多个像素点的高清屏时，要对设备进行判断，再设置inital-scale，以使初始字体达到合适大小
-
截图0赞 · 0采集
-
- 心肝扎扎 2018-09-11
width：控制 viewport 的大小，可以指定的一个值，如 600，或者特殊的值，如 device-width 为设备的宽度（单位为缩放为 100% 时的 CSS 的像素）。
height：和 width 相对应，指定高度。
initial-scale：初始缩放比例，也即是当页面第一次 load 的时候缩放比例。
maximum-scale：允许用户缩放到的最大比例。
minimum-scale：允许用户缩放到的最小比例。
user-scalable：用户是否可以手动缩放。- 0赞 · 1采集
-
- 往上向下 2018-08-28
移动端前端面试问题之一
-
截图0赞 · 0采集
-
- 慕粉2026319708 2018-08-06
meta标签中的viewpoint：
width（device-width）、height
user-scalable（yes或no，允许或禁止用户缩放网页）、initial-scale（网页初始化大小原始尺寸倍数，一般为1，原网页大小）
maximum-scale、minimun-scale（控制移动端网页是否可放大缩小的倍数）
响应式网页的特点：
事业开阔多变、信息丰富
排版新颖随意、设计师发挥空间较大
适用于PC和手机端
- 0赞 · 0采集
