Responsive design 基础断点 我正在查看基础框架并下载文件。我注意到有为“小”、“中”、“大”等定义的断点

Responsive design 基础断点 我正在查看基础框架并下载文件。我注意到有为“小”、“中”、“大”等定义的断点,responsive-design,zurb-foundation,Responsive Design,Zurb Foundation,有没有办法添加额外的断点?具体来说,我想为“小”定义更多的尺寸,例如垂直和水平移动电话和平板电脑的尺寸 有没有比只添加更多媒体查询更好的方法 ? 我没有使用saas,只是使用直接的CSS并添加一个带有我的类覆盖和自定义CSS的custom.CSS文件。Foundation将这些大小设置为(或多或少)手机、平板电脑和台式机。其理念是,网站设计在这些边界内是灵活的,因此它适用于任何规模 不可避免地,您将需要调整古怪的设计元素,使其适合某些尺寸。添加您自己的媒体查询以针对这些内容 基金会将这些尺寸设置

有没有办法添加额外的断点?具体来说,我想为“小”定义更多的尺寸,例如垂直和水平移动电话和平板电脑的尺寸

有没有比只添加更多媒体查询更好的方法 ?


我没有使用saas,只是使用直接的CSS并添加一个带有我的类覆盖和自定义CSS的custom.CSS文件。

Foundation将这些大小设置为(或多或少)手机、平板电脑和台式机。其理念是,网站设计在这些边界内是灵活的,因此它适用于任何规模


不可避免地,您将需要调整古怪的设计元素,使其适合某些尺寸。添加您自己的媒体查询以针对这些内容

基金会将这些尺寸设置为(或多或少)手机、平板电脑和台式机。其理念是,网站设计在这些边界内是灵活的,因此它适用于任何规模


不可避免地,您将需要调整古怪的设计元素,使其适合某些尺寸。添加您自己的媒体查询以针对这些内容

< P>你可以添加任何你想要的代码,超越基础代码,我个人认为Zurb的方法非常好:

  • 小型:适用于智能手机
  • 中等:片剂
  • 大型:用于桌面

请记住,基金会最新版本是“移动第一”,因此如果行为定义为小,则假定为其他两个级别,如果未覆盖。


正如我所说,你可以添加你的代码。。。只是要小心正确地覆盖。。。你不需要编辑SASS或者在基础的基础上弄脏手,只需添加你的普通CSS代码(在基金会之后调用它)

< p>你可以添加任何你想要的代码,超越基础代码,我个人认为Zurb的方法非常好:

  • 小型:适用于智能手机
  • 中等:片剂
  • 大型:用于桌面

请记住,基金会最新版本是“移动第一”,因此如果行为定义为小,则假定为其他两个级别,如果未覆盖。


正如我所说,你可以添加你的代码。。。只是要小心正确地覆盖。。。你不需要编辑SAS,也不需要在foundation的内脏上弄脏你的手,只需添加你的简单CSS代码(在foundation之后再叫它)

是的,在深入研究这一点之后,看起来“小”尺寸适用于手机,“中”尺寸适用于平板电脑,“大”尺寸适用于台式电脑。不要认为调整媒体查询是最好的方法,所以我只想在这些范围内工作。同意让Zurbs的尺寸保持不变可能是最好的-但你可以随时添加自己的临时媒体查询,以针对一些奇怪的元素,比如说肖像电话,在深入研究之后,似乎“小”尺寸适合手机,平板电脑为“中等”,台式电脑为“大型”。不要认为调整媒体查询是最佳途径,因此我将在这些范围内工作。同意让Zurbs尺寸单独使用可能是最好的,但你可以随时添加自己的特别媒体查询,以针对像肖像手机这样的奇怪元素