什么是编写移动页面的正确方法？

Question

一周前，我接到了在移动设备上开发网站的任务。搜索引擎后，我选择了jQuery Mobile！所有事情都更简单。到现在为止，我发现了一些错误。 也许我在responsive html和mobile page之间迷失了自己。 为了测试我的页面，我使用了两个工具。一个是chrome开发人员，另一个是Opera Mobile Emulator！

例如，我用jQuery Mobile编写了一个页面。对我来说，第一个问题是改变border-radius大小。我的页面链接另一个CSS。但CSS效果不佳，无法制作合适的尺寸。经过一些测试，我必须更改名为jquery.mobile.css的文件，使其达到我需要的大小。

之后，在chrome下测试的所有东西看起来都不错，但是发生了不好的事情。在测试工具Opera-mobile-Emulator下页面无法正常工作！

之后，我添加了代码

<meta id="viewport" name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0">

到我的页面。有些事情开始看起来正确。

给我的移动页面感觉很难。使用jQuery Mobile以及如何快速测试它们的正确方法是什么？帮助我，移动页面深深地伤害了我。我的方法有什么问题???

Answer 1

我认为你的方法或方法没有什么特别的错误。移动设备可能很棘手且令人沮丧。

最大的问题是处理多个设备并尝试使其在所有设备上正常工作。

我发现的技巧是为某些设备提供“略微”不同的css。你不需要改变所有的css。

我过去曾使用过这个版本，http://www.jquery4u.com/mobile/detect-mobile-devices-jquery/，它看起来效果很好。

还有另一个名为hammerjs的工具http://eightmedia.github.io/hammer.js/，它允许您在我也使用的元素上滑动事件。

但最终，移动开发可能非常令人沮丧和繁琐。