Question

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

以下是我的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

宽度：100％无法在触摸板中工作

1 个答案: