我正在使用Foundation的12列网格，它正在按预期工作 - 我将徽标作为大型4和中6列，然后是完整的12列用于小屏幕。一切都很棒，除了当我将iPhone旋转到横向并且徽标太大（太高）以适应屏幕时，因为它仍然是一个“小”屏幕，所以它占据了屏幕的整个宽度因此对于屏幕来说太大了（因为它和它一样高）。
所以我的问题是，解决这个问题的最佳方法是什么？如果我使用方向媒体查询使其对于横向屏幕较小，则在大型横向屏幕（例如笔记本电脑或计算机屏幕）上它太小。此外，如果它不是小屏幕尺寸的完整12列，那么它在移动设备上的纵向方向太小。
感谢。
（查看全屏并调整大小或在手机上查看问题。）
<!---->
答案 0 :(得分：1)
有几种方法可以解决这个问题......如果你想要一些你认为自己想要自定义的东西，你可以为它添加一个自定义断点。中间阶段（见http://foundation.zurb.com/sites/docs/media-queries.html#sass-variables）。
那就是说，如果你只是想特别针对这个图像，那么只需要在它上面设置一个最大高度即可，例如
#logo {
margin-bottom: 20px;
max-height: 50vh;
}