0

我已经搜索过，但找不到一个好的答案。

  • 我需要在图像顶部放置一些控件，即一个文本框和两个按钮。
  • 图像设置为页面宽度的 100%，高度由浏览器自动调整。
  • 控件需要与图像的确切位置对齐，并且还需要调整大小。

你可以看到我在这里谈论的图像。我认为这个位置是不言自明的。

如果需要，我可以在没有控制尺寸的情况下生活，但确实需要定位。

谢谢

4

1 回答 1

1

您可以将position:fixed或position:absolutewith组合@media queries用于输入和按钮的宽度。因此，当您的图像调整大小时，您的控件保持相同的位置。例如，position:absolute; left:10%; top:20%;。

话虽如此，当您可以通过创建响应式设计来节省加载时间并拥有实际可用的东西时，拥有一个巨大的图像真的没有意义。就像现在一样，该图像无法在手机中读取，而且您的输入会变得很小！

@media 查询将允许您针对不同的屏幕分辨率（和像素密度）使用不同的样式。在您的情况下，您可以将当前布局用于桌面，并开始在 iPad 和较小的手机上移动元素。因此，例如，对于智能手机，您可以在此布局中包含元素（320 像素宽度）：

  • 标识
  • 菜单
  • 视频/图片
  • 登录/注册按钮
  • 页脚 1
  • 页脚 2
  • 页脚 3
于 2013-04-10T03:48:43.107 回答