【问题标题】:Multi-resolution layout多分辨率布局
【发布时间】:2011-05-13 09:37:03
【问题描述】:

今天早上我发现了这个很棒的网站:

http://mediaqueri.es

在设计网站时,管理所有 4 种分辨率的最佳方法是什么? 4 种不同的布局,并根据客户端的屏幕分辨率在它们之间切换?有没有更聪明的事情可以做,比如某种“动态布局”?

【问题讨论】:

  • 4 种不同大小的布局!= 4 种分辨率。
  • 你到底是什么意思?我同意一个布局可以适用于一整套分辨率,比如“320 到 480 像素之间”。你说的是这个吗?
  • 什么意思?您提供的链接是动态布局。您是否缩放了页面?我认为这些都是不错的技术。我完全相信(半)液体布局又回来了。至于图像的缩放。你不能只给每个图像一个特定百分比的宽度。不要忘记将最大宽度也声明为原始图像宽度,否则您的图像会变得模糊。
  • 嗨 Jules,我没有尝试缩放页面,抱歉。我现在更好地理解它是如何工作的。这真是令人印象深刻......但不幸的是,它不适用于 IE 7/8。它适用于 IE 9。

标签: html css templates


【解决方案1】:

媒体查询是 CSS 3 的一部分,该网页在实践中就是其中的一个示例。这个想法是您可以根据屏幕/打印以及可用的设备分辨率和其他参数指定不同的 CSS 文件。

一些相关链接:

我在这方面做得不多,但我听到了支持和反对的论点。另一种方法是通过浏览器检测来确定要加载哪个 css/页面。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-06-05
    • 2016-05-10
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多