为什么我的登录页面在“ iPad”上没有响应？

Question

我刚刚创建了一个实现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>