html - 在iphone中将横向更改为纵向时输入占位符

Question

如果我在输入字段中放置一个占位符，当我将横向更改为纵向时，它不会调整大小。（iPhone Safari）。我使用媒体查询。例子：

<div class="content">
    <input  class="inputsBlock"/>
    <br>
    <input  class="inputsBlock" id="name" placeholder="Text"/>
    <br>
    <input  class="inputsBlock"/>
    <br>
    <input  class="inputsBlock"/>
</div>

我试过没有占位符，它可以工作。另外，我尝试使用 Javascript 添加占位符：

$(document).on('ready', function(){
        document.getElementById('name').setAttribute('placeholder',"Text"); 
})

问题：添加了滚动并且页面未显示在中心

.content{
    padding:18px;
}

.inputsBlock{
    padding:0;
    width:100%;
    border:2px solid #000;
}