在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;
}