通过chrome开发工具应用时，不保留媒体查询样式

我一直对应用于html元素的样式有问题，这些更改是通过chrome开发工具进行的。我确保我的文本编辑器和chrome开发工具的编辑器同步，以便在我的编辑器中显示开发工具中所做的任何更改。问题是，当我更改我的行代码时，一旦我刷新了浏览器，更改就会消失，即使我保存了所做的更改并反映在本地文本编辑器中。我可能会做错什么，请问我在网上搜索答案，但没有。 如果问题太长，请耐心等待，但我希望尽可能详细。 P.S：我使用媒体查询来应用这些更改，因为我通过这种方式获得了更好的结果。Screenshot 通过chrome开发工具应用时，不保留媒体查询样式

来源

2017-11-25 Adekola Olawale

这很简单，您只需从文本编辑器中进行所需的媒体查询，而不是从chrome开发工具中进行查询，这样就可以解决问题。

注意：Chrome开发人员工具更适合您预览自己的作品，而不是进行永久更改，这就是为什么当您刷新页面时，所有内容都将消失。

你应该尝试使用！重要的你的风格。如

.media{ 
@media only screen and (max-width:568px){ 
width:100% !important;}}

我用这个时刻，当我遇到这种问题的

来源

2017-11-25 19:53:58 Jose

我这样做，已经在这里是怎么回事，在Chrome浏览器开发工具进行更改后，我的代码从内嵌样式复制对于选定的元素，然后将其粘贴到我的本地编辑器中，但仍然不变。 –

通过chrome开发工具应用时，不保留媒体查询样式

回答

相关问题