【发布时间】：2015-04-21 08:40:10
【问题描述】：
我是一名网络开发人员，没有任何开发适合移动设备的网站的经验。
当我们开发一个适合移动端的网站时，我们是否需要为移动端创建单独的文件？或者我们可以使用我们为桌面版本创建的相同文件吗？
【问题讨论】：
-
您可以使用either method。我推荐一组文件和一个responsive design，但您的决定取决于您项目的具体情况。
【发布时间】：2015-04-21 08:40:10
【问题描述】：
如果您要开发像 Flipkart、ebay 或 facebook 这样的大型网站，那么最好使用单独的移动版本，因为此类网站将需要更多时间在手机中加载。您只需要在手机中显示相关内容。
如果是简单的网站，最好使用 Bootstrap。
【讨论】：
你可以让一个文件启动另一个文件，或者拥有一个大怪物文件。
How to detect Safari, Chrome, IE, Firefox and Opera browser?
但我认为这可能更符合您的要求。
【讨论】：
我就是这样做的。它只能适合我的设计。我的页面看起来像一个博客页面。左边浮动的DIV是主要内容。然后我用小的 DIV 框跟随它来做广告。主 DIV 为 40em 宽。并且每个边距为 4em。总计 48em = 768 个设备像素。
所以，我在每个页面中添加了以下元指令：
<meta content="width=768" name="viewport">
这很好地获取了智能手机上的页面，除了文本太小。广告滑到底部。接下来，我转到了我的 CSS 文件。在那里，我用'para'类格式化我的常规文本：
.para {font-size:1.2em;line-height:140%;font-family:arial,helvetica,sans-serif;color:#333}
@media only screen and (max-width: 768px) {.para{font-size:2em;}}
上面一行是个人电脑，@media 一行是手机。请注意，对于仅 768 像素宽的屏幕，我将文本大小增加到 2em。
这一切都通过了谷歌移动友好测试。您可以查看我的网站的源代码： Read source-code of this 和 test it here。
注意：我一直在改变我的工作。该网站可能会在几天后消失。
祝你好运。
【讨论】：