0

我正在通过响应式设计帮助改进 Wordpress 网站。目前，我为不同的屏幕尺寸设置了媒体查询，但现在它们中没有 CSS 规则。

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles go here */
}

有没有办法在 Firebug 上的媒体查询中编辑和添加全新的规则？这比添加“虚拟” CSS 规则、将其放在 FTP 上、然后在浏览器中测试并从那里进行编辑更方便。

谢谢

4

2 回答 2

1

如果我正确理解您的问题，那么您不能在 firebug 中进行编辑，这将永久影响您的网站。您可以更改代码以查看它的作用，然后将其复制并粘贴到单独的脚本中。至于你的答案，你最终必须为它编写一个单独的 css 脚本。

如果可以（可能是升级），那就太好了，但出于安全目的，它可能需要某种密码，所以不仅仅是任何人都可以编辑它。

于 2012-06-26T19:59:43.743 回答
1

是的，您可以，只需单击 CSS 选项卡，然后单击 Source Edits。然后将您的更改复制到您的实际 CSS（如果您想要的话）。请记住，虽然您使用 定义媒体查询min-device-width，但在桌面上这不会呈现任何更改，因为如果您调整浏览器大小，设备宽度不会改变。

同样，您也可以使用 Chrome 的调试器工具 - 我发现这更有帮助。您可以在“元素”选项卡上更改 CSS。然后单击“资源”选项卡，找到您的 Styles 文件夹 - Chrome 实际上会告诉您您编辑了哪些 CSS 文件，并为您进行版本控制。只需右键单击并保存与您想要的编辑相匹配的 CSS 文件版本。

于 2012-06-26T20:05:09.647 回答