更改浏览器比例时使用html元素宽度

我有以下html murkup结构：

<div class="wrapper">
     <div class="my_line"></div>
</div>

---

包装宽度

1200 px

。我想让

div.my_line

在用户更改屏幕比例时具有100%的屏幕宽度。我该怎么做？我尝试使用

后台重复

，我是新来的前台，有人能帮我吗？

所以在这里猜一下，但是你想让我的行div在屏幕达到1200px时拉伸100%的宽度吗

如果是这样的话，你会用这个：

/*检查屏幕宽度，在本例中，检查屏幕是否达到1200px或以下。然后将my_线div扩展到100%*/
@介质（最大宽度：1200px）{
.wrapper.我的电话线{
宽度：100%；
}
}

因此，如果希望

my_行

与

包装大小相同，并在调整窗口大小时缩小，请使用以下方法：

.wrapper {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.wrapper .my_line {
    width: 100%;
}

这样，
wrapper
将拥有100%的浏览器，但会受到限制并始终居中。而
my_行
将继承整个宽度

因此，当您调整大小到小于1200px时，
wrapper
和
my_行
将随窗口收缩

编辑：
如果希望
my_行
大于
包装
，为什么要将其放在
包装
中？只需将其放置在
包装器的上方或下方即可

如果您更改HTML，您得到的解决方案无论如何都会起作用。您的解决方案的问题是，如果以后将
position:relative
添加到
包装
中，它将无法工作。如果您更改HTML结构，使
my_line
是
正文的直接子项，它仍然可以工作。
谢谢大家，我这样做了，它有助于：

.my_line {
    position:absolute;
    width: 100%;
    left:0;
    right:0;
    height: 3px;
}

你能进一步解释一下“当用户改变屏幕比例”吗？@FabrizioCalderan，我的意思是当我使用浏览器缩放时。这个链接可能会对你有所帮助。用宽度更改高度部分：您希望在哪个分辨率或屏幕宽度上看到它100%？固定，缺少选择器中的空间。好的。但是现在内部div也将被限制在1200px。我想这就是OP想要实现的，但是保持它的大小到浏览器的全宽。不…他希望它是100%的屏幕宽度，而不管包装的宽度。不管怎样，他回答了自己的问题。哦，我明白了。。我把问题搞错了。修正答案。这将始终是100%，而在您的问题中，您提到当用户调整浏览器大小时。