我正在研究响应式网页设计,并且遇到了很多这样做的方法,但是我正在努力区分这样做的最佳方法。
我非常喜欢这两个网站的工作方式:
但是,我似乎无法弄清楚的是如何动态更改其布局的。有没有我未在下面列出的技术?
到目前为止,我遇到了以下方法:
1:JavaScript
示例-adapt.js
动态检测屏幕分辨率并选择适当的样式表。
2:CSS3媒体查询
使用类似的技术:
@media only screen and (max-width: 480px) and (min-width: 320px) {
}
3:后端
示例-Prepending PHP files
仅对站点的单个移动版本有效,它可以镜像原始域并更改标题。
最佳答案
这两个网站都使用媒体查询,就像您在各自的CSS文件底部看到的那样。