android - 现在我需要知道什么才能让我的网站在移动设备上运行？

Question

本题基于What do I need to know to make my website work on mobile browsers?这是 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 年让互联网和设备完全不同。

有什么相关的贡献吗？

Answer 1

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

如果您正在谈论页面如何在如此小的屏幕上显示，则有几种选择:

1. 采用可适应设备屏幕尺寸的响应式设计。看看Bootstrap .
2. 有一个单独的移动网站和一些可以检测移动/平板设备并将其转发到在子域(如 mobile.mysite.com)上运行的移动网站。
3. 拥有一个无响应的网站并使用 viewport meta tag .

4. 另一种选择是使用 css 媒体查询，它允许您根据屏幕或浏览器尺寸设置条件 css，如下所示:

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

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

Here's一篇非常有趣的文章，介绍了罗姆尼与奥巴马的竞选 Activity 以及每一方如何选择以不同方式开发他们的移动网站。