我正在研究响应式网页设计,并且遇到了很多这样做的方法,但是我正在努力区分这样做的最佳方法。

我非常喜欢这两个网站的工作方式:

  • http://paulrobertlloyd.com/
  • http://colly.com/

  • 但是,我似乎无法弄清楚的是如何动态更改其布局的。有没有我未在下面列出的技术?

    到目前为止,我遇到了以下方法:

    1:JavaScript

    示例-adapt.js

    动态检测屏幕分辨率并选择适当的样式表。

    2:CSS3媒体查询

    使用类似的技术:
    @media only screen and (max-width: 480px) and (min-width: 320px) {
    
    }
    

    3:后端

    示例-Prepending PHP files

    仅对站点的单个移动版本有效,它可以镜像原始域并更改标题。

    最佳答案

    这两个网站都使用媒体查询,就像您在各自的CSS文件底部看到的那样。

    09-07 19:11