用于为android webviews创建独立html5页面的良好设计方法

Question

我正在创建一个具有多个独立html5网页的应用程序，这些网页必须在Web视图中显示。我目前在html5和css3中创建了一个示例虚拟页面，它在我的Android应用程序webview中打开。

问题是外观看起来并不像它应该的那么好。以下是最初打开时，android webview中示例页面的样子截图：

html5 - webview sample image http://abhisheksabbarwal.com/webview.png

当前版本稍微放大了。用户可以自由使用内置的缩放控件。我目前正在使用webview的以下属性：

mWebView.getSettings().setUseWideViewPort(true);
mWebView.getSettings().setBuiltInZoomControls(true);

然而显示器看起来并不恰当。我正在请求关于如何使视图看起来更体面的提示/意见/建议？在为webview创建这些页面时是否应遵循任何准则，或者是否需要正确处理任何特定的webview属性？

我是html5和css3标准的新手。我想让我的网页看起来像webapp中的专业页面。有人可以指导我做对吗？我一直在查看大量信息，但无法确切地知道要做什么，最终创建了上面的虚拟页面。如果需要，我可以分享更多信息。感谢您抽出时间阅读这篇长篇文章。你的建议肯定会有所帮助。

Answer 1

如果您想快速启动并运行，请使用带有HTML5 Boilerplate和Bootstrap的Initializr（www.initializr.com）。有大量的教程，如果你熟悉HTML和CSS，你可以立即选择它。

就网页浏览而言，请确保您正在设置布局以填充屏幕：

    android:layout_width="fill_parent"
    android:layout_height="fill_parent"