0

一周前，我接到了一项在移动设备上开发网站的任务。搜索引擎后，我选择了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 开发它们的正确方法是什么以及如何快速测试它们？帮帮我，手机页面深深地伤害了我。我的方法有问题吗？？？

4

1 回答 1

0

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

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

我发现的诀窍是为某些设备设置“稍微”不同的 css。您不需要更改所有的 CSS 位。

我过去曾使用过它，http://www.jquery4u.com/mobile/detect-mobile-devices-jquery/，它似乎工作得很好。

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

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

于 2013-10-29T21:25:40.313 回答