问题原因：在较小的屏幕上，WordPress的Contact Form 7插件中的textarea元素的cols和rows属性无法自动适应屏幕大小，导致在较小的屏幕上显示不正常。

解决方法：通过添加自定义CSS代码来解决该问题。在自定义CSS文件中，添加如下代码：

.wpcf7-form textarea{ 
    width: 100% !important;
    height:50px;
}

这段CSS代码的作用是将Contact Form 7插件中的所有textarea元素的宽度设置为100%，高度设置为50px。通过这样的设置，可以使textarea元素在较小的屏幕上正常显示，从而解决了该问题。

在上述文档中，我们可以看到使用Contact Form 7插件创建一个文本框的示例代码。该代码中的[textarea* message id:contact-message 10x2 placeholder "Your Message"]会生成一个cols="10"和rows="2"的文本框。

然而，遗憾的是，这个特性目前的文档中并没有提及。询问者想知道是否可以完全禁用cols和rows这两个属性。

经过尝试，这个方法是可行的。但我很感兴趣为什么这个特性没有在文档中提及。距离你的评论已经两年了，但我在文档中找不到相关内容。你们可能考虑更新一下链接，因为里面什么都没有。

解决方法：可以通过在文本框代码中移除cols和rows属性来解决这个问题。具体代码如下所示：

<textarea name="message" class="wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required" id="contact-message" aria-required="true" aria-invalid="false" placeholder="Your Message"></textarea>

以上就是关于"wordpress contactform7 textarea cols and rows change in smaller screens"这个问题的原因和解决方法。希望对你有所帮助。

这是一个有关WordPress Contact Form 7插件的问题。问题是如何在较小的屏幕上更改文本区域的cols和rows属性。虽然这个问题已经存在了超过5年，但仍然经常有人提出，并且像我这样的许多人都在努力找到一个明确的答案。

根据提供的代码示例，可以看到可以使用以下属性来更改cols和rows的值：

- 如果只想更改行数(rows)，可以使用 `x3`。

- 如果只想更改列数(cols)，可以使用 `10x`。

- 如果要同时更改行数和列数，可以使用 `10x3`。

然而，如果已经应用了CSS规则，这些属性可能不起作用。在这种情况下，建议使用CSS来更改文本区域的样式。

虽然这个问题的解决方法很简单，但仍然有人在寻找明确的答案。如果你不确定内容是否已经使用CSS进行了样式设置，建议使用CSS来更改文本区域的样式。

总结起来，要在WordPress Contact Form 7插件中更改文本区域的cols和rows属性，在文本区域的短代码中使用适当的属性值即可。如果已经应用了CSS规则，建议使用CSS来更改样式。