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

时间:2014-10-29 07:35:36

标签: javascript php css3 responsive-design media-queries

为了创建一个适用于所有设备的网站我们有一些方法:

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

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

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

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


  5. 我的问题:

    对于伟大的网站来说,1-Wich方式更好?

    2 - 有没有其他方法可以创建自适应网站?

    谷歌,Facebook,Ebay,亚马逊正在使用哪种方式?

3 个答案:

答案 0 :(得分:2)

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

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

答案 1 :(得分:1)

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

答案 2 :(得分:1)

我认为google,Facebook和Ebay正在使用你的第四种方式,我认为第四种方式是最好的方式 因为所有用户都可以看到最好的屏幕尺寸和最好的网页,它是如此精简(小)