-1

我正在开发一个使用 HTML 文件的应用程序。在我的应用程序中，对于一项活动，我启用了标题栏，在此活动中，我在 webview 中加载了一个 HTML 文件，并且 HTML 页面适合模拟器屏幕。在另一个活动中，我隐藏了标题栏并在此活动中加载了相同的 HTML 文件。在第二种情况下，屏幕底部有一些空间。谁能告诉我这个问题的解决方案？提前致谢。

4

2 回答 2

0

在 CSS 中使用针对自定义宽度的媒体查询。

于 2013-04-21T08:19:55.800 回答
0

你的问题的问题在于它是无关紧要的。

您可以将单个 HTML 文件用于不同的屏幕尺寸，因为它没有区别。CSS 在这里很重要。

您可以定义多个 css 样式表，每个屏幕大小一个，并定义 javascript 来监听以查看屏幕大小。

但是，如果您不会构建移动版本（非常小的屏幕），那么您应该简单地使用使用相对定位和百分比宽度的流畅 css 布局。

随屏幕尺寸变化的流体动态布局的一个超级基本的快速示例可能是：

HTML

<html>
  <body>
   <div id="first"></div>
   <div id="second"></div>
  </body>
</html>

CSS

html, body {
  width: 100%;
}
#first {
  float: left;
  width: 50%;
  background: #eee;
}
#second {
  float: right;
  width: 50%;
  background: #ccc;
}
于 2013-04-21T07:45:31.253 回答