Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery Fancybox内容没有';t在手机上显示右侧_Jquery_Html_Css_Fancybox_Fancybox 2 - Fatal编程技术网

Jquery Fancybox内容没有';t在手机上显示右侧

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)。关于页面的代

我正在整理一个网站,我注意到我的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',
});