基础5按钮
基础5按钮
提问于 2015-01-06 23:58:20
大家好，我正在学习基础5，我有以下代码，可以在我的笔记本电脑上正常工作，但在我的手机(Android)上查看相同的页面看起来一团糟，没有扩展屏幕和按钮外的文本--你知道为什么吗？？
<div class="row">
<div class="large-12 columns">
<ul class="button-group even-4 expand">
<li><a href="#" class="button secondary">TEST 1</a></li>
<li><a href="#" class="button secondary">TEST 2</a></li>
<li><a href="#" class="button secondary">TEST 3</a></li>
<li><a href="#" class="button secondary">TEST 4</a></li>
</ul>
</div>
</div>回答 2
Stack Overflow用户
发布于 2015-01-07 00:02:17
由于您使用的是large-12布局，因此您的设计无法在较小的屏幕上正确显示。
有关基础网格的文档，请参阅以下内容：http://foundation.zurb.com/docs/components/grid.html
Stack Overflow用户
发布于 2015-01-09 04:08:07
请阅读Foundation 5文档和small、medium、large和xlarge类，但作为一个快速提示，如果您希望div保持严格的比例，并且所有使您的html代码适用于移动设备的设备，请使用小型类，因为这将一直保持比例为large，除非您声明另一个
<div class="row">
<div class="small-12 columns">
<ul class="button-group even-4 expand">
<li><a href="#" class="button secondary">TEST 1</a></li>
<li><a href="#" class="button secondary">TEST 2</a></li>
<li><a href="#" class="button secondary">TEST 3</a></li>
<li><a href="#" class="button secondary">TEST 4</a></li>
</ul>
</div>
</div>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/27802338
复制相关文章
相似问题
腾讯云开发者
