отображение контента на странице

Есть такая проблема с с полем ввода input на мобильных устройствах. Когда оно становится активным все элементы выше и ниже него становятся меньше и сдвигаются. Это проявляется только при установке css для портрета и пейзажа

<link rel="stylesheet" media="all and (orientation:portrait)" href="portrait.css">
<link rel="stylesheet" media="all and (orientation:landscape)" href="landscape.css">

Если оставить одну css

 <link rel="stylesheet" href="portrait.css">

то все нормально. Есть ли способ избежать этого с двумя css?