为什么我写的media下面 的样式没有效果

Question

比如在

 @media (max-width: 1394px) {

.index-center .index-input{ width:85%; margin-top:53px;}

.index-center .index-ts p{ width:77%;}

.index-bottom{ margin-top:29px;}

}

这些都没有用

Answer 1

@是CSS的一种选择符，它有很多应用场景的，最常用的使用场景是用来引用其他的CSS文件，是以@import开始的，例如想在main.css里面应用style.css，那么直接用@import style.css就可以了。此外，还有一种使用场景是媒体选择，它是以@media开始的，表示在不同媒介条件下的样式，当你想做响应式的页面布局时，例如希望当浏览器的宽度小于1000px时，网页背景变成黑色，就可以用下面的方法：@media screen and (max-width: 1000px) { body {background;black}}当你希望用打印机打印网页时呈现某种样式，就可以用@media print 的方法来定义。