基础12列网格调整大小问题-Java 学习之路

我正在使用Foundation的12列网格，它正在按预期工作 - 我将徽标作为大型4和中6列，然后完整的12列用于小屏幕 . 一切都很棒，除了当我将iPhone旋转到横向并且徽标太大（太高）以适应屏幕时，因为它仍然是一个“小”屏幕，所以它占据了屏幕的整个宽度因此对于屏幕来说太大了（因为它和它一样高） .

所以我的问题是，解决这个问题的最佳方法是什么？如果我使用方向媒体查询使其对于横向屏幕较小，则在大型横向屏幕（例如笔记本电脑或计算机屏幕）上它太小 . 此外，如果小屏幕尺寸不是完整的12列，那么它在移动设备上的纵向方向太小 .

谢谢 .

（查看全屏并调整大小或在手机上查看问题 . ）

See CodePen here

<!---->

http://codepen.io/mrseanbaines/pen/dOdoEy

1 回答

1
有一些你认为你想要自定义的东西，你可以为那个中间阶段添加一个自定义断点（参见http://foundation.zurb.com/sites/docs/media-queries.html#sass-variables） .

也就是说，如果你只是想特别针对这个图像，那么只需要在它上面放一个最大高度就足够了，就像这样
```
#logo {
  margin-bottom: 20px;
  max-height: 50vh;
}
```
回复于 2024-04-24T20:11:40+08:00

基础12列网格调整大小问题

1 回答

相关问题