使用Chrome检查响应式样式

时间:2017-02-12 01:49:44

标签: html css google-chrome responsive

我正在构建一个应用程序,到目前为止,我的游戏中最薄弱的部分是样式和设计。但是,我现在有一个特别的问题。我正在尝试使我的仪表板响应,但是当我使用我的镀铬检查器将仪表板看作iphone 6时,屏幕会缩小到很远,一切都会中断......这是我的意思的屏幕截图。 / p>

enter image description here

看看内容是如何真的很远......我真的不知道如何解决这个问题?知道我可能做错了吗?

1 个答案:

答案 0 :(得分:1)

请尝试将此添加到您的HTML <ion-row> <ion-col width-80> <ion-item> <ion-label fixed>Origin</ion-label> <ion-input type="text" value=""></ion-input> </ion-item> </ion-col> <ion-col> <button ion-button icon-only> <ion-icon name="locate"></ion-icon> </button> </ion-col> </ion-row>

<head></head>

参考:w3schools

相关问题