Question

好吧我确实试图获得fancybox内联弹出窗口的源代码，但我似乎无法得到它。我将代码完美地放在一起，但当我尝试将代码保存到site builder时，我的网页崩溃。

Fancybox：http://fancyapps.com/fancybox/#examples（我正试图在网页底部附近获取“内联 - 自动检测宽度/高度”）

这是我试过的：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="/js/fancybox-1.3.4/jquery.fancybox-1.3.4.js">   </script>
<link rel="stylesheet" type="text/css" href="/js/fancybox-1.3.4/jquery.fancybox-1.3.4.css" media="screen" />
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<style>
 @media only screen and (max-width: 900px) {
  /* change the media content paddings and margins
  if the screen's max-width is just 900px
  if total width is 900px only..*/
  }
 </style>
</head>
<body>

<ul>
  <li>
   <a id="various1" href="#inline1" title="Lorem ipsum dolor sit amet">Inline - auto detect width / height
   </a>
  </li>
</ul>
</body>
</html>

Answer 1

他们正在使用的是什么，可以通过

来完成

使用媒体查询的CSS
jQuery，但使用的是最新版本。你正在使用旧的！在这里获取最新版本：http://www.jquery.com在他们的页脚中！

使用CSS：

你可以使用CSS，是这样的：

@media only screen and (max-width: 900px) {
 /* change the media content paddings and margins
 if the screen's max-width is just 900px
 if total width is 900px only..*/
}

如果要更改页脚和其他元素的填充或宽度或其他css属性，则可以将max-width: 900px更改为任何其他屏幕大小。

如果你想使用jQuery：

然后你可以使用：

if ($(window).width() < 960) {
  $('footer').css('padding', '20px');
}

如果window.width小于960，此代码会将页脚标记的填充更改为20px！

这就是他们正在使用的。其次，footer的实时转移是因为填充百分比可能。因为它会自动转移;然后猜测将是填充百分比。

拆分和使用源代码（更新）表单不会弹出

1 个答案: