宽度:100%不能在触摸板上工作

Question

EDIT:我不确定问题是什么，但它似乎已经解决了自己。也许我忘记更新清单文件了。我不知道是什么问题，但它现在工作。:/

下面是我的html代码的一个例子:

<div id="well_comments_container" class="element_container" name='well_comments' type="textarea" require="0">
  <label for="well_comment">What did we do really well?</label><br />
  <textarea id="well_comment" name="well_comment" rows="4"></textarea>
</div>

下面是我的css代码的一个例子:

.element_container{
    display: inline-block;
    padding: .5em .5em;
}
.element_container[type="textarea"]{
    width: 100%;
}

这在笔记本电脑上工作得很好，但当我在触摸板上看它时，它似乎不起作用。它的宽度显然不是父元素的100%，就像它在chrome中一样。

温暖。

Answer 1

你真的确定它在工作吗?

试试CSS:

.element_container textarea {
   width: 100%;
}

现在它取决于父元素的宽度。

JSFiddle