Css Ionic：将卡中的图像拉伸到设备宽度

我使用的是离子框架。 我正在尝试拉伸卡中的图像以匹配设备宽度

根据这个例子，这里是我到目前为止的代码

<div class="list card">

  <div class="item item-avatar">
    <img id="myImg" src="http://lorempixel.com/50/50/people">
    <h2>Pretty Hate Machine</h2>
    <p>Nine Inch Nails</p>
  </div>

  <div class="item item-image" id="image-container">
    <img src="http://lorempixel.com/400/400/sports">
  </div>

  <a class="item item-icon-left assertive" href="#">
    <i class="icon ion-music-note"></i>
    Start listening
  </a>

</div>

是我为分享而创作的笔

我是这样说的

---

感谢任何帮助

我在css中添加了以下几行，以获得您想要的结果：

使用

卡添加
我的卡
类，然后

.my-card .item.item-image{
  width: 100vw;
  margin-left: -10px;
}

.my-card.card{
  overflow: visible;
}

基本上，使溢出在卡上可见，并根据卡的边距进行调整

是工作的笔叉
 是否希望图像溢出卡并与浏览器完全相同？是的，您答对了。例如：？？？您是否尝试从卡中删除
卡
类？贴出的答案确实有用，但它会把你申请表中的所有卡片都弄乱。你需要缩小你的卡片范围以匹配所需的卡片集合。此外，我不是
的超级粉丝！重要信息
s:）@AndreiGheorghiu我也不是
的粉丝！重要信息
s:）。我将在我的应用程序中改进这一点。谢谢你的建议。避免使用
！重要信息
。如果您无法发布不使用
的解决方案！重要的< /代码>（除非你真的需要覆盖一个非常糟糕的编码主题/插件/框架等），使用<代码>重要的本身，考虑不要回答那个特定的问题。此外，从您的回答中可以清楚地看出，您从未使用过
ionic
框架。你的CSS选择器太宽了。我同意添加一些特定的类来代替离子特定的选择器是明智的。而且，我认为！如果您正在覆盖已经存在的ionic的样式（正如我在使用ionic框架时所看到的），那么重要信息可能是必要的。啊，sweet:）很高兴您能够获得它sorted@PaulG：根据我在中大型项目中的个人经验：最好使用更长、更具体的选择器，而不是使用
！重要信息
。如果必须使用它，更多的原因是真正使用非常特定的选择器，因此它不适用于其他任何地方，迫使更多的
！重要事项
。
.my-card .item.item-image{
  width: 100vw;
  margin-left: -10px;
}

.my-card.card{
  overflow: visible;
}