Question

html的head中加了width=device-width后分辨率到底该用多少

<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no"/>
加了这句，我发现浏览器并不是按照硬件的分辨率显示的，比如，我的手机是1080px，然后用object嵌入一个宽度550的动画，然后就超出边界了。。。这怎么回事啊

Answer 1

320x480或者360x640。

宽度=设备宽度，但是每种设备的宽度又不一样。

HTML是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）。

浏览器按顺序阅读网页文件，然后根据标记符解释和显示其标记的内容，对书写出错的标记将不指出其错误，且不停止其解释执行过程，编制者只能通过显示效果来分析出错原因和出错部位。但需要注意的是，对于不同的浏览器，对同一标记符可能会有不完全相同的解释，因而可能会有不同的显示效果。

在WWW上的一个超媒体文档称之为一个页面（page）。作为一个组织或个人在万维网上开始点的页面称为主页Homepage，或首页，主页中通常包括有指向其他相关页面或其他节点的指针。在逻辑上将视为一个整体的一系列页面的有机集合称为网站（Website或Web）。

HTML之所以称为超文本标记语言，是因为文本中包含了所谓“超级链接”点就是一种URL指针，通过激活（点击）它，可使浏览器方便地获取新的网页。这也是HTML获得广泛应用的最重要的原因之一。

Answer 2

width=device-width

宽度=设备宽度
但是每种设备的宽度又不一样，
320x480
360x640
...
默认格式很多的

你只能以保守的宽度来适应这种痛苦。。前端做旧了，
你就会明白，设备是设备，网页是网页，
想宽如：1240，大屏的人喊很美，小屏的人喊我昏迷，咋看？
想窄如：960,小屏的人喊很正点哦，1920却说，我昏迷，咋瘦瘦的一条呢？
设计者是越深入越艰难选择，倒是新人的时候感觉爽，做出来就好满足，
不知道疼的才幸福，！呵呵。。

Answer 3

CSS pixels可以理解为css像素，是浏览器使用的抽象单位，主要用来在网页上绘制内容。也可以说css px是专门为web开发者提出的一个抽象概念，也只跟我们平时写的css样式有关，与分辨率（比如720px*1280px）里的px没关系。

device pixels可以理解为是设备像素，官方的解释是：显示屏幕的最小物理单位，
即1080px !>500px

Answer 4

设备宽度 var diviceWidth = document.documentElement.clientWidth;  

1. 设备宽度 var diviceWidth = document.documentElement.clientWidth

2. 设备高度 var diviceHeight = document.documentElement.clientHeight;

   
   

• 这样就可以获取到手机的分辨率了，比如iphone4 320*480 ，不赘述了…