Jquery Fancybox内容没有';t在手机上显示右侧
我正在整理一个网站,我注意到我的fancybox内容有两个问题:第一,在移动设备(如Android)上查看网站时,黑色透明的FanyBox背景应该覆盖整个页面,但只覆盖了大约75%的页面。其次,fancybox中的内容似乎只占fancybox的50%,而不是fancybox的100%——就好像所有内容都在一个宽度为50%的div中 要了解我在说什么(以及有争议的代码),您可以在Android设备上访问网站(www.mytrailapp.com),并单击任何页脚链接(例如about)。关于页面的代码如下,供您参考:Jquery Fancybox内容没有';t在手机上显示右侧,jquery,html,css,fancybox,fancybox-2,Jquery,Html,Css,Fancybox,Fancybox 2,我正在整理一个网站,我注意到我的fancybox内容有两个问题:第一,在移动设备(如Android)上查看网站时,黑色透明的FanyBox背景应该覆盖整个页面,但只覆盖了大约75%的页面。其次,fancybox中的内容似乎只占fancybox的50%,而不是fancybox的100%——就好像所有内容都在一个宽度为50%的div中 要了解我在说什么(以及有争议的代码),您可以在Android设备上访问网站(www.mytrailapp.com),并单击任何页脚链接(例如about)。关于页面的代
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<meta http-equiv="Content-Type" content="application/xml; charset=utf-8">
<html lang="en">
<head>
<title>Trail | About</title>
<style>
body {
height:100%;
width: 100%;
margin: 0;
padding: 0;
background-color: white;
font-family: sans-serif;
}
</style>
</head>
<body>
<center><b>About Trail</b></center><br>
Trail was designed to be a new way for people to experience their past adventures. Rather than being constrained by any one social media platform, we believe that people should have an easy, intuitive way to access a scrapbook of their pictures, tweets, and videos in one place. We think Trail's unique map interface will give a greater depth and context to our users' favorite moments.<br><br>
Further, unlike a social network, Trail was founded with privacy at its core. Trail's founders wanted to create a fun, but safe and personal place for users to re-live their past experiences. While it's possible for users to selectively share aspects of their Trails with one another, sharing of Trail content is neither the primary purpose nor goal of Trail. Trail is primarily meant to be yours, and yours alone.
</body>
</html>
我将非常感谢任何帮助解决这两个问题。我应该注意的是,我并没有有意识地尝试以任何方式优化网站以进行移动查看,而是碰巧在我的移动设备上查看了该网站,发现了这些问题,并试图解决它们,但运气不佳
谢谢,问题可能是主文档
高度
比iframe短(about.html
)?检查一下谢谢,我会看看这是否是问题所在。
<a href="about.html" id="about" style="color:white; text-decoration: none;">About</a>
$("#about").fancybox({
'width' : 750,
'height' : 750,
'autoScale' : false,
'transitionIn' : 'elastic',
'transitionOut' : 'elastic',
'type' : 'iframe',
});