Html Textarea不使用媒体查询更改宽度

Html Textarea不使用媒体查询更改宽度,html,css,mobile,media-queries,Html,Css,Mobile,Media Queries,在手机上,页面底部的消息文本区域不会改变宽度。我曾尝试实现媒体查询来更改输入和宽度,输入会更改其宽度,但在移动设备上textarea不会更改其宽度。有没有办法使文本区域的宽度与输入的宽度相同?其变化。刚查过。发送截图。你能澄清你的意思吗?我不明白你的评论。我无法截屏,因为我的iPhone上有一个粘粘的电源按钮。我无法在Android上测试,因为我没有任何Android设备。我只知道这在Chrome或iOS上的Safari上不起作用。转到firefox并按ctrl+shift+M。将分辨率更改为3


在手机上,页面底部的消息文本区域不会改变宽度。我曾尝试实现媒体查询来更改输入和宽度,输入会更改其宽度,但在移动设备上textarea不会更改其宽度。有没有办法使文本区域的宽度与输入的宽度相同?

其变化。刚查过。发送截图。你能澄清你的意思吗?我不明白你的评论。我无法截屏,因为我的iPhone上有一个粘粘的电源按钮。我无法在Android上测试,因为我没有任何Android设备。我只知道这在Chrome或iOS上的Safari上不起作用。转到firefox并按ctrl+shift+M。将分辨率更改为320,然后查看它是否正确显示。如果没有,请从firefox发送屏幕截图。如果在Firefox而不是iphone上工作,那么从Firefox屏幕截图中,告诉我们什么看起来不合适。我希望你现在明白了。我通过Safari更改了我的用户代理,它工作正常。在我的iPhone上,文本字段的宽度比其他字段的宽度小。我认为问题在于如何根据屏幕大小设置文本区域的cols。