Firefox devtools.responsiveUI.presets Bootstrap 3的设置

刷百度下拉框 litianseo 6个月前 (06-23) 70次浏览 已收录 0个评论
内容
  1. 设置devtools.responsiveUI.presets
  2. devtools.responsiveUI.presets 引导程序设置
  3. 使用引导程序设置
  4. 更多devtools.responsiveUI.presets 选项

Firefox中的 ResponsiveUI 工具使测试 CSS 媒体查询变得非常容易,它带有一些预设,我肯定对某些人有意义,但由于我主要在 Bootstrap 工作,我想在那里有一些易于访问的 Bootstrap 预设。

设置 devtools.responsiveUI.presets

  1. 在新窗口或选项卡中输入about:config到地址栏并按 Enter 键。
  2. 注意龙的警告
  3. 在“搜索”框中键入“responsiveUI
  4. 双击名为devtools.responsiveUI.presets的首选项,然后将下面的代码复制并粘贴到其中。
    1. 如果您无法看到devtools.responsiveUI.presets 将 其创建为字符串,或者从Firefox中的 ResponsiveUI 模式保存预设,这将创建具有您要替换的值的键。
  5. 禁用响应式 UI 视图,刷新页面,然后重新启用响应式视图以使设置生效。

devtools.responsiveUI.presets 引导程序设置

双击选择全部:

1
[{"key": "bootstrap-xs-max","name": "Bootstrap: Extra Small Max (xs)","width": 767,"height": 1000},{"key": "bootstrap-sm-min","name": "Bootstrap: Small Min (sm)","width": 768,"height": 1000},{"key": "bootstrap-sm-max","name": "Bootstrap: Small Max (sm)","width": 991,"height": 1000},{"key": "bootstrap-md-min","name": "Bootstrap: Medium Min (md)","width": 992,"height": 1000},{"key": "bootstrap-md-max","name": "Bootstrap: Medium Max (md)","width": 1199,"height": 1000},{"key": "bootstrap-lg-min","name": "Bootstrap: Large Min (lg)","width": 1200,"height": 1000}]

使用引导程序设置

最小和最大的 Bootstrap 网格断点有一个设置,每个断点之间有两个 – 一个 Min 和一个 Max – 来显示每个大小带的两个极值。

更多 devtools.responsiveUI.presets 选项

  • DjangoFR 已经为各种移动设备发布了一些好的devtools.responsiveUI.presets
  • 如果您想让 JSON 设置字符串更容易编辑,jsonlint.com就是您的朋友。
  • 在这里,您可以将 devtools.responsiveUI.presets 重置为默认值

标签:bootstrap json mobile 首先 响应


32w.net , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:http://www.32w.net/xiala/561.html
Firefox devtools.responsiveUI.presets Bootstrap 3的设置
喜欢 (0)
[576801182@qq.com]
分享 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址