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

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 一篇关于罗姆尼与奥巴马竞选活动以及各方如何选择以不同方式开发其移动网站的非常有趣的文章。