如何为所有分辨率监视器设计网页

Question

我在asp.net中创建了一个Web应用程序。在我的计算机解决方案中，它可以正常工作。但我的网络应用程序的其他一些监视器分辨率。如何解决屏幕分辨率问题？

Answer 1

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

Answer 2

这与ASP.NET无关，除非你是2003年的时间旅行者，当时Visual Studio有＃34;网格模式＆＃34;用于HTML页面，包括ASP.NET。

......我们不再讨论这些时间了：）

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

• 保留使用em单位调整大小的文本块，使它们保持不变 - 长文本很难读取，非常窄的列也是如此。我建议20em和30em之间的文字。
• 根据您的审美观点，布局元素（横幅，标题等）的大小可以是视口宽度的百分比，也可以是固定宽度，两者都有效。您还可以使用max-width和min-width来指定元素框大小的边界，从而允许单个网站设计从智能手机大小的屏幕扩展到超大的2560x1400显示器。
• 如果您的设计经验非常有限：不要冒险。这就是灾难的发生方式，当人们试图过于雄心勃勃时（想想：所有内容载入AJAX的网站，或者20世纪90年代末的Geocities网站，其中包含动画GIF和背景MIDI曲目）。

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

Answer 3

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

Answer 4

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

参考

http://coding.smashingmagazine.com/2011/08/10/techniques-for-gracefully-degrading-media-queries/