我很久以前就使用过媒体查询。
我已经链接了main.css文件所以不用担心它
我把它连接到第一步
<meta name="viewport" content="width=device-width, initial-scale=1.0">
因为SASS而使用考拉并在main.scss中使用此代码:
@media only screen and (max-width: 600px) {
.numet{
margin-top:150.5px;margin-left:150px;
}
}
我在图片上调用numet课程,因为style =“”目前不是一个选项。
<img class="numet" style="" src="wt.png" alt="">
当屏幕为最大宽度时,我在这里尝试做什么:例如600px
当我在星系s5上检查这个项目时,我希望pciture下降150.5px。
然后向左走150px。但问题是,它无法正常工作。我的css文件没有缓存在浏览器中,所以这不是问题。我在stackoverflow上搜索了很多问题,但没有一个对我有好处,所以请不要标记为副本。
感谢您的帮助。我在这里学习:)
答案 0 :(得分:-1)
问题是我没有运行编译器的Koala程序。 所以我开始考拉,它为main.css编译了main.scss文件,现在效果很好。
因此,如果您遇到问题,请始终检查您的编译器是否正在运行。 :)
@FacundoCorradini感谢您的帮助。