CSS像素，物理像素？

Question

如下图所示，iphone6plus边上显示的是css像素么（414*736）？？
当我把图片设置为width:414px,的时候为什么没有占据iphone的整个宽度

Answer 1

很显然 414 不是px 你看看此时的body，html 出去padding和margin 此时的实际px并不是414
同时 你如果想要占100%
加meta标签

<meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0"/>

Answer 2

深入理解viewport

Answer 3

viewport

Answer 4

加上这个<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">