什么是写手机页面的正确方法？
一个星期前，我得到了一个开发移动网站的任务。搜索引擎后，我选择了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">
我page.Some事情开始看的权利。
移动页面给我感觉很难。使用jQuery Mobile以及如何快速测试它们的正确方法是什么？帮助我，移动网页深深地伤害了我。我的方法有问题吗？
我不认为你的方法或方法有什么特别的错误。移动的东西可能会非常棘手和令人沮丧。
最大的问题是处理多个设备，并试图使其适用于所有设备。
我发现的诀窍是对某些设备具有“稍微”不同的css。你不需要改变所有的CSS只是位。
我以前用过这个，http://www.jquery4u.com/mobile/detect-mobile-devices-jquery/，它看起来工作得很好。
还有另一个工具叫做hammerjs，http://eightmedia.github.io/hammer.js/，它允许你在我也使用的元素上进行滑动事件。
但最终，移动开发可能会非常令人沮丧和费力。
jQuery Mobile响应任何屏幕大小。它适用于手机和桌面。添加'meta'标记是必不可少的http://view.jquerymobile.com/1.3.2/dist/demos/#Viewportmetatag你可以使用你自己的CSS主题（themeroller）或者做一些重写。 – Omar