Asp.net 如何为所有分辨率监视器设计网页
我在asp.net中创建了一个web应用程序。在我的电脑分辨率中,它工作正常,没有任何拉伸。但我的web应用程序使用了其他一些显示器分辨率。如何解决屏幕分辨率问题?也许你应该尝试使用Twitter的引导工具()。这是一套很好的CSS规则,允许轻松创建流畅的布局。这与ASP.NET无关,除非您是2003年的时间旅行者,当时Visual Studio为HTML页面(包括ASP.NET)提供了“网格模式” ……我们不再谈论那些时代:) 这是一个HTML+CSS的东西。灵活布局需要记住的关键事项是:Asp.net 如何为所有分辨率监视器设计网页,asp.net,Asp.net,我在asp.net中创建了一个web应用程序。在我的电脑分辨率中,它工作正常,没有任何拉伸。但我的web应用程序使用了其他一些显示器分辨率。如何解决屏幕分辨率问题?也许你应该尝试使用Twitter的引导工具()。这是一套很好的CSS规则,允许轻松创建流畅的布局。这与ASP.NET无关,除非您是2003年的时间旅行者,当时Visual Studio为HTML页面(包括ASP.NET)提供了“网格模式” ……我们不再谈论那些时代:) 这是一个HTML+CSS的东西。灵活布局需要记住的关键事项是:
- 使用
单位保持文本块的大小,使它们保持不变-长时间的文本很难阅读,因为很窄的列也很难阅读。我建议文本在em
和20em
之间30em
- 根据您的审美,布局元素(横幅、标题等)的大小可以是视口宽度的百分比,也可以是固定宽度,两者都是有效的。您还可以使用
和max width
指定元素框大小的边界,从而允许单个站点设计从智能手机大小的屏幕扩展到超大的2560x1400屏幕min width
- 如果你的设计经验非常有限:不要冒险。当人们过于野心勃勃时,灾难就是这样发生的(想想:所有内容都加载了AJAX的网站,或者是20世纪90年代后期带有动画GIF和背景MIDI曲目播放的Geocities网站)
…从设计理论的角度来说,这就是所有真正需要说的。如果您需要在CSS中实现设计方面的帮助,那么我建议查看其他人在其答案中发布的链接。不同浏览器也会出现分辨率问题,有一种方法可以将屏幕宽度调整为1024 x 768,并将中心对齐应用于您的内容。另一种方法是,你可以将百分比调整为100%,这样它会根据分辨率缩小和扩大。如果您将1024×768分辨率作为您站点的最低分辨率,则它将不考虑800×600分辨率。< P>使用<强> CSS3媒体查询Is>Irth>Real.js> IE 提及
感谢您宝贵的回答。。。