现在我需要知道如何让我的网站在移动设备上运行？

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