老师，请问initial-scale=.5，viewport为什么是放大一倍

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

第一个要搞清楚的是viewport的概念，可视区宽度 = 设备宽度 / 缩放比，iphone6的设备宽度是375px、高度是667px

那么，即得：可视区宽度 = 设备宽度 / 缩放比=375px/0.5=750px，可视区高度 = 设备高度 / 缩放比=667px/0.5=1334px，

设备宽度是750px比原始375px多了一半，即一倍，高度同理。所以目前网页在Iphone6的宽度是750* 1334

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

希望可以帮到你~