0

文字通り、ファンシーボックスのインライン ポップアップのソース コードを取得しようとしましたが、取得できないようです。コードを完璧にまとめましたが、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>
4

1 に答える 1

1

彼らが使用しているものは、

  1. メディアクエリを使用した CSS

  2. 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..*/
}

max-width: 900pxフッターやその他の要素のパディングや幅、その他の css プロパティを変更したい場合は、他の画面サイズに変更できます。

jQuery を使用する場合:

次に、次を使用できます。

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

window.width が 960 未満の場合、このコードはフッター タグのパディングを 20px に変更します。

これは彼らが使用しているものです。次に、 のライブ シフトは、footerパディングのパーセンテージが原因である可能性があります。自動的にシフトされるため。その場合、推測はパディングのパーセンテージになります。

于 2013-10-04T01:03:17.667 に答える