用不同的方式创建响应式网站


Creating Responsive Website with different ways

为了创建一个在所有设备上都能正常工作的网站,我们有一些方法:

  1. 使用CSS框架(如引导程序)

  2. 在CSS 3中使用媒体查询(不支持媒体查询的旧设备/浏览器)

  3. 通过JavaScript测量屏幕大小并链接到适当的CSS文件EX:如果用户浏览器宽度的大小低于400px,则链接到mobile.CSS此答案)

  4. 通过HTTP请求检测用户浏览器并重定向到合适的页面EX:如果PHP检测到用户代理是该页面移动版本的移动重定向。链接)


我的问题:

1-Wich方式更适合伟大的网站?

2-是否有其他方法可以创建响应式网站?

谷歌、脸书、易趣、亚马逊的三种使用方式?

Bootstrap或任何其他框架(如PureCSS或者MetroUI)是创建响应式网站的最佳方式。

您的第三个和第四个选项将增加为移动版本重新创建网站页面的工作量。这也不准确,因为现在的手机有各种各样的屏幕尺寸。

我认为谷歌、脸书和易趣正在走第四条路,我认为第四条是最好的路因为所有用户都可以看到最好的屏幕大小和最好的网页,所以非常小

创建响应式网站的最佳方式是使用框架,我建议使用引导