0

编辑:我不确定问题是什么,但它似乎已经解决了。也许我忘了更新我的清单文件。我不知道问题是什么,但它现在正在工作。:/

这是我的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 中一样。

温暖。

4

1 回答 1

1

你真的确定它有效吗?

试试这个CSS:

.element_container textarea {
   width: 100%;
}

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

JSFiddle

于 2014-06-25T15:59:51.493 回答