模型中网站的宽度是否有标准尺寸？那是什么尺寸 为什么？

我的大多数模型都是在1200px宽处开始的，即使我正在设计1024px分辨率。我在样机中为1000px设置了指南。高度可能会有所不同。之所以将我的模型文件扩大，是为了看看周围有呼吸空间，设计的感觉如何。如今，大多数人使用的分辨率高于1024px。

设计网页模型时有标准宽度吗？

是的，不，也许吗？

曾几何时（请参阅下文），网页设计在很大程度上尝试创建一个适合大多数屏幕的单一视图。在过去的五年中，随着采用响应式Web设计（RWD），这种情况发生了巨大变化。

RWD是一种设计原则，其设计方式应使其能够合理地适合任何设备，而与设备的大小无关。

在Web开发中，根据许多因素，通常使用媒体查询将不同的样式集应用于网页。一些常见因素包括：

• 当前屏幕宽度
• 当前屏幕高度
• 设备宽度
• 设备高度
• 设备方向

由于样式可以针对特定的屏幕尺寸，因此创建针对特定范围的多组设计并不少见。

需要明确的是，没有设定的“标准”。没有理事机构或组织说“设计者应遵循这些尺寸调整准则进行设计”，因为最终这是一个判断。

话虽这么说，Web开发行业已经有机地提出了一系列反复出现的常见断点。

典型的断点是针对当前屏幕宽度的，通常为：

_{单位 px}

• 320
• 480
• 768
• 1024
• 1200
• 1600

这些具体数字的原因相当平凡。最初的iPhone屏幕尺寸为320×480。原始的iPad屏幕尺寸为768×1024。1600×1200通常用于较大的屏幕分辨率。

虽然通常会在某些或所有这些断点处看到样机，但通常也需要提供特定页面的多个渲染图，以显示中间设计拐点。

一个显示宽度为768px的堆叠项目的宽幅图形可能需要包含900px的设计，其中项目已切换为两列。如果您发现需要为这些中间断点提供多套设计，则我强烈建议设计单个组件并显示每个组件更改组件的断点，而不在模型中包括其余页面。

这也有助于避免常见的设计陷阱，在这些设计陷阱中，特定的UI组件会丢失或在断点之间不一致。

以下是此答案的较旧版本，为了后人，我保留了该答案，但一段时间以来没有相关性

我很惊讶还没有人提到这一点：

Google有一个不错的开发工具，名为

浏览器大小

它应该几乎可以单独回答您的问题。

关于当前趋势，我有一些注意事项：

当前，绝大多数用户的分辨率为1024x600（平板电脑/上网本）或更高。您必须记住要删除24px滚动条的，大约会留下1000px的宽度。至于身高：网络用户已经非常习惯垂直滚动，因为他们已经习惯了在鼠标上滚动滚轮。初始高度主要对于第一印象很重要。

用户不太擅长水平滚动，因此不建议使布局大于1000px。

同样，许多具有较大屏幕的用户不会将整个屏幕都用于他们的Web浏览器。尤其是现在Windows 7包含简单的拖放功能，可以将窗口拖放到一半屏幕上。

综上所述：

• 避免超过1000像素的静态宽度
• 确保您的第一印象的分辨率为1024x600
• 不要害怕将内容降到首位。

简短答案：775x400（用于800x600）和1024x768（用于1000x500）。

长答案：您永远无法确保演示文稿在客户端计算机上看起来正确（它可能具有不同的操作系统，浏览器，不同的校准显示器或较低的分辨率，并且设置了较大的字体可以更好地阅读）。因此，如果可以的话，我倾向于在计算机上始终显示演示文稿。

如果我无法在个人电脑上显示尺寸问题，则使用我的个人规则（不要将我的测量视为圣洁，每个人都有自己的规律）：

作为安全尺寸，最好将其设置为800x600（删除滚动条和顶栏，我将“ 775x400”用作“行上方”）。但是如今，随着屏幕更便宜，标准范围更广，我开始设计1024x768（1000x500）

重要的是不是针对高度而是针对宽度进行优化。高度可以通过简单的鼠标滚动即可解决；如果没有Mac鼠标，则可以通过宽度进行滚动，无法水平滚动以查看更多信息。很高兴知道，即使无法精确确定屏幕的底线，或多或少地可以定位在屏幕的底线。

注意：即使在1000px上，我也使用了如此低的高度，因为人们倾向于在基本浏览器上有很多其他滚动条（例如GoogleRank或书签，以及许多其他许多滚动条），因此我总是喜欢为最坏的情况而设计。

PS对不起我的英语不好:)

我们有一个跟踪程序，可以告诉我们有关用户的信息。一半以上的分辨率为1024x768。因此，我将其用作“标准”显示器尺寸。

但是，那不是您网站的活动区域-人们有侧边栏，他们并不总是以全角打开浏览器窗口，等等。

我喜欢960网格系统。数字是灵活的，网站提供了许多模板供下载。我将其用于样机，到目前为止，每个人都很高兴。

我必须寻找统计数据来支持我（例如，这篇SO博客文章），但是1024x768已经或正在取代屏幕分辨率的标准通用标准。我为宽度为1000 px的普通观众设计了Web样机，以解决分辨率为1024 px的滚动条和窗口边框。对于更具体的受众，Pekka在他的评论中是正确的。找出针对目标受众的规范。

今天的浏览器大小是一个棘手的问题，因为人们使用两种类型的设备，分辨率越来越高的计算机和分辨率相对较低的电话。

如果要使站点成为当今大多数计算机（大多数为90％或更高）的站点，则最低分辨率为1024。如果要使计算机数量稍少，但仍要比1200好的百分比也在该范围内。

如果您正在制作移动网站，则大多数手机在横向浏览时的最大像素为480像素，但大多数手机还具有针对大型网站的某种渲染系统。

规模问题完全取决于您自己的受众群体，如果您的目标是一群设计师，那么您可以拥有一个更大的网站，如果中年人正在寻找新的汽车保险，而您的工作范围应该小一点，并且如果用于电话用户可以在手机上观看，甚至更小。

这完全取决于您的网站，通常，对于那些使用旧计算机的客户，我通常不会超过1000。但是现在的研究表明，在设计领域现在可以接受1200的设计，因此这绝对是值得深思的。

您的计划应该是击中最低的公分母，如果恰好是800x600 Windows 95机器上的Joe Dinosaur，那么您应该这样做。

同样，这完全取决于您网站的设计。我目前正在为代理机构设计一个网站，该网站的宽度为800，这是优先选择，不能满足任何特定的需求。

不幸的是，没有标准尺寸，因为现在可以在多个显示器中访问网页。为了安全起见，请研究最流行的分辨率（例如1024x768）并根据流行度进行设计。

答案是：不，没有“标准”。

我建议您使用960px作为模板的宽度，因为大多数屏幕分辨率为1028px，因此不会出现滚动条，并且您还会看到使用的背景。

我建议您将1024px用作标准宽度。因为，使用crt监视器构建的最大PC数量和此监视器的分辨率为1024 * 768px。