我正在研究基础框架并下载文件 . 我注意到为“小”“中”“大”等定义了断点 .
有没有办法添加额外的断点？具体来说，我想为“小”包括的尺寸定义更多，例如手机和平板电脑的尺寸，纵向和横向 .
有没有比仅添加更多媒体查询更好的方法：http://foundation.zurb.com/docs/media-queries.html？
我没有使用saas，只是使用直接的CSS并在我的类覆盖和自定义CSS中添加custom.css文件 .
我正在研究基础框架并下载文件 . 我注意到为“小”“中”“大”等定义了断点 .
有没有办法添加额外的断点？具体来说，我想为“小”包括的尺寸定义更多，例如手机和平板电脑的尺寸，纵向和横向 .
有没有比仅添加更多媒体查询更好的方法：http://foundation.zurb.com/docs/media-queries.html？
我没有使用saas，只是使用直接的CSS并在我的类覆盖和自定义CSS中添加custom.css文件 .
2 回答
基金会将这些尺寸设置为（或多或少）手机，平板电脑，台式机 . 我们的想法是网站设计在这些边界内是灵活的，因此适用于任何规模 .
不可避免地，您需要调整奇怪的设计元素，使其看起来非常适合某些尺寸 . 添加您自己的媒体查询以定位这些内容 .
你可以添加你想要的任何代码，覆盖基础代码，我个人认为Zurb的方法非常好：
Small: 适用于智能手机
Medium: 适用于平板电脑
Large: 对于桌面
请记住，Foundation的最新版本是"mobile first"，因此如果为small定义了一个行为，则假定为其他两个级别，如果没有被覆盖 .
正如我所说，你可以添加你的代码...只是要小心正确覆盖...你不需要编辑SASS或在基础的胆量上弄脏手，只需添加你的纯CSS代码（并在基础之后调用它）