如何使网页兼容到每个屏幕尺寸

我在我的网页中有三个表格，它们共同占用15.6英寸屏幕的全部空间。但是，当有人在14英寸的电脑/笔记本电脑上打开网站时，右侧边栏会更靠右，而中间的桌面会进入左侧边栏，从而使整个页面看起来非常难看。 plz帮我该网站的链接是：http://www.bestindiacollege.com/如何使网页兼容到每个屏幕尺寸

来源

2011-04-16 aryan

仅供参考，您不应该想到基于屏幕物理测量的屏幕尺寸。屏幕以像素为单位进行测量，2个15.6英寸的屏幕可以具有不同的像素宽度。屏幕中的大约15个像素宽度为800像素，一些大小为1280，并且大多数可以由用户设置为各种值。在大型宽屏幕显示器上，您的布局严重混乱。 – 2011-04-16 14:16:58

你将不得不使用液体CSS布局或JavaScript（这是不太有利的解决方案imo）。您可以检查code for liquid layouts here。

来源

2011-04-16 04:12:57 Damb

我不太清楚这是一个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/

照顾字号：http://www.w3.org/QA/Tips/font-size

或

开始之前，你需要在你的最低屏幕分辨率决定。您的网站必须设计成保持最低分辨率。通过我们的研究，我们发现在640 x 480分辨率下不到0.5％，所以我们完全忽略了这一点。下一个重要的分辨率是800 x 600分辨率。我们的部分访问者使用此分辨率，因此我们将此用作最低屏幕分辨率。这意味着，我们的网站必须适合等于所有决议或高于800 X 600

或

屏幕分辨率最好的建议是从可用性专家雅各布·尼尔森。他说，要优化1024 x 768，并使您的网站“流动”，以便它可以延伸任何分辨率。根据用户的屏幕分辨率http://www.useit.com/alertbox/screen_resolution.html

或

流体与静态布局

流体布局可以膨胀和收缩：您可以在此链接查看他的详细建议。如果包括较低的分辨率很重要，但您不想有完全不同的设计，流体布局可能是您正在寻找的。流体CSS和HTML布局有很多模板。如果你不想使用模板，自定义流体编码并不难。但那是另一篇文章。

静态布局是一种布局，它具有设置宽度，并且不随用户屏幕分辨率而变化。虽然静态布局可在手持设备上查看，但用户必须滚动到侧面才能查看屏幕上不适合的内容，这可能令人讨厌。

来源

2011-04-16 04:18:23 Aleadam

您可以选择基于网格的布局系统，而不是重新发明轮子。这article给出了一个概述。 Media Queries也可能有所帮助。

来源

2011-04-16 04:33:45 suhair

如何使网页兼容到每个屏幕尺寸

回答

相关问题