代码之家  ›  专栏  ›  技术社区  ›  Rich Bradshaw

创建一个简单的移动版网站的最佳方法是什么?

  •  4
  • Rich Bradshaw  · 技术社区  · 15 年前

    我正在为一家公司建立一个小型网站,我想建立一个针对智能手机的版本,它有完整的互联网浏览器(iPhone/Android等)。

    我倾向于使用媒体查询,因为这是由Webkit支持的,而Webkit中的大多数似乎都在使用它。

    这是最好的吗?如果是这样,什么媒体查询最好?

    我倾向于:

    @media (max-device-width: 480px)
    
    3 回复  |  直到 15 年前
        1
  •  2
  •   scunliffe    15 年前

    如果你的网站可以通过CSS调整你所需要的一切,你应该是好的。

    请记住移动网络中的不同之处:

    • 总宽/高要小得多
    • 为了可读性,字体大小通常会变大。
    • 很多设备都不支持Flash(咳嗽iPhone)
    • 去掉任何不需要的东西,不要把带宽浪费在移动用户不关心的东西上。
    • 为手机添加移动友好属性,方便拨号

    也就是说,一旦你进入它,你可能会发现你真的想要/需要为移动用户提供一个不同的“视图”…例如,将它们从 example.com m.example.com 并大幅改变页面上的内容。如果使用 MVC -与框架类似,您应该能够为页面制作一组简化的视图,这些视图针对移动设备进行了优化。

    示例站点(桌面、移动和触摸优化)

        2
  •  0
  •   myfreeweb    15 年前

    对于触摸电话,创建一个 jQTouch 版本。 对于键盘电话,只需为小屏幕优化样式表。

        3
  •  0
  •   Paul D. Waite    15 年前

    对于iPhone和Android,我不会费心,因为它们都有功能齐全的网络浏览器。(除非网站是Flash,否则仅限iPhone。)

    你应该能够用一个自定义的CSS文件来定位任何你想要的设备,比如黑莓等。