4

这个问题是基于我需要知道什么才能让我的网站在移动浏览器上运行?2009 年发布的一些旧网站和特定的 Microsoft 资料

我主要在 Django 中制作网络应用程序,但它在 Android/Iphone/其他移动设备上似乎不太好用。

有一些像 django-mobile ( https://github.com/gregmuellegger/django-mobile ) 这样的应用程序可以让您根据设备的风格制作不同的网站。问题是,如果我们想在Android、Iphone和PC上使用它,我们几乎必须制作3个网站。

从 2006 年开始,有一些 W3C 建议 ( http://www.w3.org/TR/2006/CR-mobile-bp-20060627/ ),我认为已经过时,因为 6 年使互联网和设备完全不同。

有什么相关的贡献吗?

4

1 回答 1

4

据我所知(如果我错了,请纠正我)Django 是一个 Python 框架,所以它在服务器端运行。这不应该影响手机上运行的任何东西。所有智能手机都将能够运行 HTML/CSS 和 JavaScript/jQuery。

如果您正在谈论如何在如此小的屏幕上显示页面,则有几个选项:

  1. 具有适应设备屏幕尺寸的响应式设计。看看引导程序
  2. 拥有一个单独的移动站点,以及能够检测移动/平板设备并将其转发到在子域(如mobile.mysite.com.
  3. 拥有一个无响应的站点并使用viewport元标记
  4. 另一种选择是使用 css 媒体查询,它允许您根据屏幕或浏览器尺寸设置条件 css,如下所示:

    @media only screen 
    and (min-width : 325px) 
    and (max-width : 500px) {
    /*CONDITION CSS*/
    }
    

媒体查询的好处在于,理论上您可以得到非常详细的信息,您可以对 100 台设备进行媒体查询,为设备横向和纵向模式指定特定的 css。

这是一篇关于罗姆尼与奥巴马竞选活动以及各方如何选择以不同方式开发其移动网站的非常有趣的文章。

于 2012-08-30T12:38:36.933 回答