Css @媒体部门没有回应

Css @媒体部门没有回应,css,media,Css,Media,我在media.css中有这个 @media (min-width: 1000px) { section { width: 1450px; } div { width: 700px; } } 然后我在主css中 @import "media.css"; section { background: rgba(255, 255, 255, 0.04); padding: 1 0 20 0; margin: 0 auto; border-radius: 50px; w

我在media.css中有这个

@media (min-width: 1000px) {

section {
    width: 1450px;
}    

div {
    width: 700px;
}

}
然后我在主css中

@import "media.css";

section {
background: rgba(255, 255, 255, 0.04);
padding: 1 0 20 0;
margin: 0 auto;
border-radius: 50px;
width:700px;
}

div {
background: rgba(255, 255, 255, 0.04);
margin: 20 10 0 10;
border-radius: 50px;
padding: 10 10 20 10;
}
当我调整窗口大小时,div会像应该的那样增长,但截面保持相等。。 我有这样的html格式

<section>
<div> 
</div>
</section>

那么为什么这个部分没有响应呢

我可以补充一点,我做了一把小提琴,但它很好用。。所以这可能是一个软件问题????我重新开始了一切,一切都一样。。我使用括号

我在这里做了一把假小提琴


请给出节课名称。那就行了。比如class=“my_部分”。css:.my_section{width:1440px}

请给出section类名。那就行了。比如class=“my_部分”。css:.my_section{width:1440px}

我猜你的
媒体。css
main.css
之前被读取。如果所有选择器具有相同的特异性,则使用最新的声明。
div
获得一个
width
的原因是您没有在
main.css
中声明一个,这是您在
节中声明的


(最小化输出窗口以查看它是否工作)。

我猜您的
媒体.css
是在
main.css
之前读取的。如果所有选择器具有相同的特异性,则使用最新的声明。
div
获得一个
width
的原因是您没有在
main.css
中声明一个,这是您在
节中声明的

(最小化输出窗口以确保其正常工作)。

这是完全错误的:

div {
    width: 700px;
    display: inline;
}
不能将宽度设置为
内联
元素。要么将其更改为
内联块
,要么将其删除为

,这是完全错误的:

div {
    width: 700px;
    display: inline;
}

不能将宽度设置为
内联
元素。要么将其更改为
内联块
,要么将其删除为

我更改了css末尾的输入端口,并且它是相同的,但是必须设置节的宽度并div,因为它不是相对的。。我想让它在满窗的情况下做2个div,半窗的情况下做1个div。。我说的是div,它对媒体的回应,一点也不……我加了一个例子。如果你最小化输出窗口,你会看到它会改变颜色和宽度。谢谢你的尝试,但这只是简单的媒体。。我的问题是它没有响应,我在中添加了fotos,因为fiddle可以很好地处理我的代码,我更改了css末尾的输入,并且它是相同的,但是必须设置节的宽度并div,而不是因为它是相对的。。我想让它在满窗的情况下做2个div,半窗的情况下做1个div。。我说的是div,它对媒体的回应,一点也不……我加了一个例子。如果你最小化输出窗口,你会看到它会改变颜色和宽度。谢谢你的尝试,但这只是简单的媒体。。我的问题是它没有响应,我在中添加了fotos,因为小提琴可以很好地使用我的代码,这是小提琴,它的工作很好(没有样式,但它在扩展)这是小提琴,它的工作很好(没有样式,但它在扩展)@BarretoFreekhealer你改成了什么?将其更改为
display:inline block
。我只是将其取出,我尝试将其更改为inline block,但问题没有解决,所以我只是将其取出。。我也尝试了部分显示,但它不正常,你看到图像了吗?@BarretoFreekhealer实际上你需要放置
display:inline block
,其他什么都没有。试一下。我试了两种方法,正如我所说的那样,我知道这并不能解决问题。。事实上,只需更改该部分不居中,@BarretoFreekhealer您更改为什么?将其更改为
display:inline block
。我只是将其取出,我尝试将其更改为inline block,但问题没有解决,所以我只是将其取出。。我也尝试了部分显示,但它不正常,你看到图像了吗?@BarretoFreekhealer实际上你需要放置
display:inline block
,其他什么都没有。试一下。我试了两种方法,正如我所说的那样,我知道这并不能解决问题。。事实上,只需改变截面不居中,