Я только что создал страницу входа, которая реализует materialize.css
.Форма входа выглядит отзывчивой на всех дисплеях, кроме iPad.Когда я активирую проверку ipad, форма входа выглядит так крошечно.Также значок не становится больше, когда я помещаю dp200
класс на элемент <i>
.Может кто-нибудь объяснить эту проблему?
<center>
<div class="section"></div>
<div class="container">
<div class="row z-depth-1 col primary-color" style=";display: inline-block; padding: 30px 41px 10px 41px;">
<div class="col s12">
<div class="row">
<i class="material-icons dp260">cloud_circle</i>
</div>
</div>
<form class="col s12">
<div class="row">
<div class="input-field col s12">
<input class="validate" type="text" placeholder="Username">
</div>
</div>
<div class="row">
<div class="input-field col s12">
<input class="validate" type="password" placeholder="Password">
</div>
</div>
<div class="row ">
<button type="submit" class="col s12 btn btn-large waves-effect" style="background-color: #f9aa33">Login</button>
</div>
<div class="row">
<a style="float:right;color:white;" href="">Forgot Password?</a>
</div>
</form>
</div>
</div>
<a style="color:white;" href="#!">Create account</a>
</center>