刚开始看自适应,碰到一个问题请教一下。
比如我现在有一个div 宽高都是300 样式如下:
div{
width: 300px;
height: 300px;
background-color: yellow;
}
因为我的手机分辨率是1920 x 1080 ,在手机中打开,大概占据三分之一的宽度,也就是说如果这里的css像素,和分辨率像素是一一对应的话,那是没有问题的。
但是如果加了这一行,<meta name="viewport" content="initial-scale=1.0" width="device-width"> (等比例显示?不太懂) 就会变成占据几乎整个屏幕,又通过alert(screen.height);alert(screen.width);得到的设备宽度是640 x 360,也就是说加了这一行,屏幕就是按360px的宽度来算的。
那么我的问题是,这个1920 x 1080 和 640 x 360分别是什么, 有什么对应关系?以及在自适应的页面开发中如何合适的选择呢?
1
Sivan 2015-05-18 23:15:13 +08:00 4
|