Mobile 手机友好网站

我是一名网络开发者，没有任何开发手机友好网站的经验

---

当我们开发一个手机友好型网站时，我们是否需要为手机版本创建单独的文件？或者我们可以使用为桌面版本创建的相同文件吗？

我建议您使用一个具有响应性设计的文件集。 有不同的方法可以做到这一点

1）您可以使用它

---

2）我有时会使用css

@媒体

。看看链接吧。

你可以让一个文件启动另一个文件，或者拥有一个大怪物文件

---

但我认为这可能更符合你的需求。

如果你打算开发一个像flipkart、ebay或facebook这样的大型网站，那么最好使用单独的手机版本，因为这类网站在手机上加载会花费更多的时间。您只需要在手机中显示相关内容

---

如果它是一个简单的网站，最好使用Bootstrap。

我就是这样做的。它只能符合我的设计。我的页面看起来像一个博客页面。DIV向左浮动是主要内容。然后我用小的DIV框来做广告。主DIV是40 em宽。并且每个侧边距为4em。总共48em=768个设备像素

因此，我在每页都添加了以下元指令：

    <meta content="width=768" name="viewport">

上面一行是个人电脑，@media一行是手机。请注意，对于768px宽的屏幕，我将文本大小增加到2em

这一切都通过了谷歌手机友好测试。您可以查看我的源网站： 和

注意：我一直在改变我的工作。这个网站可能几天后就会消失

祝你好运。

你可以用。我推荐一组文件和一个文档，但您的决定取决于项目的具体情况。

.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;}}