我的网页上有三张桌子，它们占据了15.6英寸屏幕的全部空间。 但是当有人用14英寸的个人电脑/笔记本电脑打开网站时，右侧边栏会向右移动，中间的桌子会进入左侧边栏，使整个页面看起来非常难看。 请帮助我 该网站的链接是：http://www.bestindiacollege.com/
答案 0 :(得分：1)
你必须使用液体css布局或javascript（这是不太有利的解决方案imo）。
答案 1 :(得分：0)
我不太确定这是针对SO的问题，因此可能会迁移，但这并不难：http://www.google.com/search?q=webpage+for+every+screen+size
您可以选择最适合您目的的建议。选择范围很广。对于您的网页，我会选择固定的小尺寸（可能会减少图像的一列）或宽度：80％
选项（随机选择和分类）
您在网页中使用固定大小的表格。表格宽度应固定为700像素宽，并且您的所有网页内容都位于此表格内。
或
以100％宽度表格构建页面
或
寻找圣杯：http://www.alistapart.com/articles/holyg ...... http://www.elated.com/articles/choosing- ... 如何使用CSS和XHTML等标准快速创建灵活的网站：http://www.ibm.com/developerworks/web/li ...
960网格系统：http://960.gs/
或
在开始之前，您需要决定最低屏幕分辨率。您的网站必须在设计时考虑到最低分辨率。通过我们的研究，我们发现在640 x 480分辨率下只有不到0.5％，所以我们完全忽略了这一点。下一个重要的分辨率是800 x 600分辨率。我们的一些访问者使用此分辨率，因此我们将其用作最低屏幕分辨率。这意味着我们的网站必须适合所有等于或高于800 x 600的分辨率。
或
可用性专家Jakob Nielson提供有关屏幕分辨率的最佳建议。他说要优化1024 x 768并使你的网站“流动”，以便它可以伸展任何分辨率。您可以通过以下链接查看他的详细建议：http://www.useit.com/alertbox/screen_resolution.html
或
流体与静态布局
流体布局可以根据用户的屏幕分辨率进行扩展和收缩。如果包括较低的分辨率很重要但你不想拥有完全不同的设计，那么流畅的布局可能就是你想要的。有许多模板用于流畅的CSS和HTML布局。如果你不想使用模板，自定义编码流体就不那么难了。但这是另一篇文章。
静态布局是具有设置宽度的布局，不会随用户屏幕分辨率而改变。虽然可以在手持设备上查看静态布局，但用户必须滚动到两侧才能查看不适合屏幕的内容，这会让人烦恼。
答案 2 :(得分：0)
您可以选择基于网格的布局系统，而不是重新发明轮子。这个article给出了概述。 Media Queries也可以提供帮助。