我正在研究响应式网页设计,并且遇到了许多这样做的方法,但是我正在努力区分这样做的最佳方法。
我 - 真的 - 喜欢这两个网站的工作方式:
但是我似乎无法弄清楚它们是如何动态改变它们的布局的。是否有我遗漏的技术未在下面列出?
到目前为止,我遇到了以下方法:
1: Javascript
示例 - adapt.js
动态检测屏幕分辨率并选择适当的样式表。
2:CSS3媒体查询
使用如下技术:
@media only screen and (max-width: 480px) and (min-width: 320px) {
}
3:后端
示例 -前置 PHP 文件
仅适用于站点的单个移动版本,镜像原始域并更改标题。