我正在使用 jquery mobile 为 android 手机(HTML 5)创建一个网络应用程序。只是想知道我的页面宽度和长度应该是多少,以便它适合所有具有不同屏幕分辨率的手机。
请帮我。谢谢你。
我正在使用 jquery mobile 为 android 手机(HTML 5)创建一个网络应用程序。只是想知道我的页面宽度和长度应该是多少,以便它适合所有具有不同屏幕分辨率的手机。
请帮我。谢谢你。
看看这篇文章:http ://dev.opera.com/articles/view/an-introduction-to-meta-viewport-and-viewport/ 。在那里,您将找到有关 HTML 视口元标记以及如何使用分辨率处理的所有信息。
标记示例:
<meta name="viewport" content="width=device-width, height=device-height">
您还想查看 css 媒体语法,它将帮助您更好地适应您的内容做不同的分辨率。
然后是这篇关于布局优化的文章:http ://www.slideshare.net/andreasbovens/optimizing-your-layout-for-phones-and-tablets-using-viewport-and-media-queries 。这是一个很好的演示。
使用Twitter BootStrap设计您的 html5 页面,其中定义的 css 将处理所有屏幕尺寸。
检查这个