观察下列代码，这个时候p标签的宽高在iphone6下面是多少px？

wubinking 2017-12-27

源自：移动基础 3-12 浏览器分布情况

29

收起

5回答

一路电光带火花 2017-12-27 16:45:50

设备的宽高/initial-scale的值=网页的宽高，那initial-scale不就是设备的宽高/网页的宽高么~

提问者 wubinking #1

感觉不对啊，如果initial-scale=0.5，设备是375，网页是750，那就是网页放大一倍啊。这样maximum-scale=0.5也是放大一倍吗？

2017-12-27 16:52:22
一路电光带火花回复提问者 wubinking #2

把代码写出来测试一下不就知道了 <!DOCTYPE html> <html style="font-size: 20px;"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="initial-scale=1,maximum-scale=1, user-scalable=0"> <title>Examples</title> <meta name="description" content=""> <meta name="keywords" content=""> <link href="" rel="stylesheet"> </head> <body style="font-size: 24px;"> <p style="width: 50vw; height: 50vh"></p> </body> </html> 你去改改viewport里的值看看P最后的值就可以了

2017-12-27 17:10:10

小丸子爱吃菜 2017-12-27 16:31:42

设备的宽高除以initial-scale的值

提问者 wubinking #1

我问的是initial-scale的值是什么除以什么，也就是initial-scale是表示什么和什么的比例。

2017-12-27 16:41:40

小丸子爱吃菜 2017-12-27 14:10:07

initial-scale=1.0：表示初始的缩放比例，也即是当页面第一次 load 的时候缩放比例。

设备的宽高除以initial-scale的值。

提问者 wubinking 2017-12-27 13:57:56

还有一个问题，viewport中的initial-scale是一个比值，是什么除以什么得到的。

小丸子爱吃菜 2017-12-27 13:54:00

本题考察的是Css单位和手机设备硬件上和编程有关概念。

第一个要搞清楚的是viewport的概念，现在放大了一倍，所以目前网页在Iphone6的宽度是750* 1334.

第二个是VW和VH的概念，分别是宽和高的1%，那么现在是50%，也就是375 * 667

祝学习愉快！

提问者 wubinking #1

还有一个问题，viewport中的initial-scale是一个比值，是什么除以什么得到的。

2017-12-27 16:26:09

相似问题

3-11选择题观察下列代码，这个时候p标签的宽高在iphone6下面是多少px？

遮罩层是表单外面的盒子吗？要设置多宽多高？

代码中有三个问题，麻烦老师解答一下，辛苦了

p标签的宽高在iphone6下面是多少px？不太会算.

p标签是块状元素吗在没有设置宽度的时候，理论上不应该是独占一行显示的吗？

登录后可查看更多问答，登录/注册

响应式开发与常用框架 2018

参与学习人
提交作业 2198 份
解答问题 5012 个

如果你有web端基础，既想进阶，又想进军移动端开发，那就来吧，我们专题为你带来的课程有HTML5、CSS3、移动基础、响应式、bootstrap、less等，让你在前端道路上畅通无阻！

本课精华内容

问答作业

图片高度不一样的问题

45 24

请问老师原理是什么

70 16

请问老师到底是什么机制

44 12

我的js为什么绑定不上啊

0 11

请问这个怎么解释

44 11

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载