新手问题：如何控制宽度问题。

Question

在不同的显示器上，页面内容显示的宽度不一样。
如何处理？

Answer 1

这种情况一般宽度用百分比

---

知识改变命运，奋斗成就人生!

Answer 2

你好，在页面上用Javascript的window.screen来判断然后采取不同的宽度
screen的属性
availHeight 获取系统屏幕的工作区域高度，排除 Microsoft® Windows® 任务栏。
availWidth 获取系统屏幕的工作区域宽度，排除 Windows 任务栏。
bufferDepth 设置或获取用于画面外位图缓冲颜色的每像素位数。
colorDepth 获取用于目标设置或缓冲区的颜色每像素位数。
deviceXDPI 设置或获取系统屏幕水平每英寸点数(DPI)的数值。
deviceYDPI 设置或获取系统屏幕垂直每英寸点数(DPI)的数值。
fontSmoothingEnabled 获取用户是否在控制面板的显示设置中启用了圆整屏幕字体边角的选项。
height 获取屏幕的垂直分辨率。
logicalXDPI 获取系统屏幕水平每英寸点数(DPI)的常规数值。
logicalYDPI 获取系统屏幕垂直每英寸点数(DPI)的常规数值。
updateInterval 设置或获取屏幕的更新间隔。
width 获取屏幕的垂直分辨率。


也可以按照X.X.Y的方法用百分比

---

Wenn ich dich hab’,gibt es nichts, was unerträglich ist.坚持不懈！http://hi.baidu.com/1987raymond

Answer 3

其实你不需要关心dpi 对于每个浏览器 只有  dpi 达到96的倍数才会进行一次缩放   所以你的调整是没有意义的

一般做法都是指定一个标准宽度 比如1024    那么你的页面就按照1024进行设计  多余的部分两边留白（居中） 就好了

---

恭喜自己5星用户达成

Answer 4

根本不需要用百分比和JavaScript吧。

首先说，百分比是个好方法，但是不是很好，因为CSS里会错位！有更好的解决方法。

LZ，用户有一个边界范围，这个概念的意思就是说，用户一些情况很少会做到，所以可以不用优先考虑，比如你的网站不是去兼容Windows 95的，对吧，所以一般来说，现在的显示器都能够支持1024×768的分辨率，所以你的宽度定到1024之内都不会有问题。

所以我们在CSS里定义一下就可以了。

margin:0px auto;
width:1000px;

就算浏览器小于1000的分辨率，虽然会遮住多的部分，但是不会造成错位，也就是说用户体验不会下降，另外，由于是边界情况，（现在少有1000以下宽度的）所以各大网站都很少会考虑这个情况，比如163，腾讯等等，你用小屏幕看，会遮住，但是你可以拖动，而不会错位。

至于LZ到底选哪一种，就看LZ的需求。

---

我的博客，最近新写了一个Windows Mobile 6.5 Widget开发的文章，欢迎捧场
尽力回答每一个问题，但不代表一定正确，希望初学者能够多自己尝试。。共勉。。：）