Javascript Parse.com用户管理html iframe在移动设备上未正确显示
我正在使用从Parse的电子邮件设置页面下载的Parse的用户管理html来显示电子邮件验证和密码重置页面 它使用js通过iframe调用Parse的页面,并为托管在我的域中的user_management.html中的页面提供服务。这样,用户只能看到我的域 我遇到的问题是,当用户从移动设备单击电子邮件验证或密码重置链接时,通过iframe提供的解析页面对于移动设备屏幕来说太大(没有响应),或者iframe没有最大化移动浏览器的窗口大小(内容被切断,用户需要在iframe内滚动) 我想在移动设备上正确显示解析内容。我从哪里开始呢 下面是托管在我的域上的用户_management.html。根据解析,不需要编辑此内容Javascript Parse.com用户管理html iframe在移动设备上未正确显示,javascript,html,iframe,parse-platform,Javascript,Html,Iframe,Parse Platform,我正在使用从Parse的电子邮件设置页面下载的Parse的用户管理html来显示电子邮件验证和密码重置页面 它使用js通过iframe调用Parse的页面,并为托管在我的域中的user_management.html中的页面提供服务。这样,用户只能看到我的域 我遇到的问题是,当用户从移动设备单击电子邮件验证或密码重置链接时,通过iframe提供的解析页面对于移动设备屏幕来说太大(没有响应),或者iframe没有最大化移动浏览器的窗口大小(内容被切断,用户需要在iframe内滚动) 我想在移动设备
.无铬{
宽度:100%;
身高:100%;
左:0px;
顶部:0px;
边界:0px;
边际:0px;
填充:0px;
}
.可滚动{
溢出:自动;
}
诺斯克罗尔先生{
溢出:隐藏;
}
h1,p{
填充:15px;
颜色:#0067AB;
字体:继承;
字体系列:“开放式Sans”、“Helvetica Neue”、Helvetica;
}
h1{
字体大小:30px;
字号:600;
}
很抱歉,但是用户管理需要javascript
之所以会出现这种情况,是因为iFrame
并非真正设计用于移动设备,也不适用于响应性强的设计。这里有一个简单的技巧,就是在你的样式中添加以下几行,只是为了获得全屏iFrame
。这并不完美,但至少你不会在mo上出现部分iFrame
胆汁浏览器:
html, body {
height: 100%;
width: 100%;
margin: 0;
}