asp.net - 如何为所有分辨率显示器设计网页

Question

我在 asp.net 中创建了一个 Web 应用程序。在我的电脑分辨率下，它运行良好，没有任何拉伸。但是我的 Web 应用程序拉伸了其他一些监视器分辨率。如何解决屏幕分辨率问题？

score 2 · Accepted Answer

不同的浏览器也会出现分辨率问题，有一种方法可以将屏幕宽度调整为 1024 x 768 并将中心对齐应用于您的内容。另一种方法是您可以将百分比调整为 100%，以便根据分辨率缩小和扩展。如果您将 1024 x 768 分辨率作为您网站的最低分辨率，则不会考虑 800x600 分辨率。

score 1 · Accepted Answer

这与 ASP.NET 无关，除非您是 2003 年的时间旅行者，当时 Visual Studio 为 HTML 页面（包括 ASP.NET）提供“网格模式”。

...我们不再谈论那些时代了:)

这是一个 HTML + CSS 的东西。灵活布局要记住的关键事项是：

保持文本块的大小与em单位一致，以便它们保持不变 - 长文本很难阅读，非常窄的列也是如此。我建议介于20em和30em文本之间。
根据您的审美，布局元素（横幅、标题等）的大小可以设置为视口宽度的百分比或固定宽度，两者都是有效的。您还可以使用max-width和min-width指定元素框大小的界限，从而允许单个站点设计从智能手机大小的屏幕扩展到超大的 2560x1400 显示器。
如果您的设计经验非常有限：不要冒险。当人们试图过于雄心勃勃时，这就是灾难的发生方式（想想：所有内容都加载了 AJAX 的网站，或 1990 年代后期带有动画 GIF 和背景 MIDI 音轨播放的 Geocities 网站）。

...从设计理论的角度来看，这就是真正需要说的全部内容。如果您在用 CSS 实现设计方面需要帮助，那么我建议您查看其他人在他们的答案中发布的链接。

score 0 · Accepted Answer

在 IE的RESPOND.JS的帮助下使用CSS3 媒体查询

参考

score 0 · Accepted Answer

也许您应该尝试使用 Twitter 的 Bootstrap 工具 ( http://twitter.github.com/bootstrap/ )。这是一组很好的 CSS 规则，可以轻松创建流畅的布局。

4 回答 4