0

モバイル対応のために、通常のタブからレスポンシブな折りたたみ可能なコンテナーに自動的に変更される jquery ベースのプラグイン (利用可能な場合) を探しています。

誰か助けてくれませんか？

4

3 に答える 3

1

jQuery Mobile プロジェクトを参照してください。jQuery Mobile は、モバイル Web アプリケーションを開発するための優れた出発点です。折りたたみ可能なコンテナーの例は、jquery Mobile ドキュメントのCollapsiblesにあります。この例が気に入った場合は、jQuery Mobileをチェックしてください。

于 2013-02-23T21:04:02.480 に答える
0

簡単、カスタマイズ可能、レスポンシブ

Twitter ブートストラップ タブ

于 2013-02-23T21:00:37.477 に答える
0

メディア クエリを使用して、仕様に応じて要素ごとのスタイルを変更できます。これらをスタイルシートの一番下に追加するか、新しいスタイルシート (repsonsive.css など) を作成して、画面サイズに応じてデフォルトのスタイルを上書きする必要があります。

次のメディア クエリ テンプレートは、画面サイズのみに基づいています。より複雑なメディア クエリを使用して、特定のデバイスをターゲットにすることもできます。

古いブラウザー (IE) をサポートするには、条件ステートメントを使用して、 Respond.js または media-queries.js を含める必要があります。メディアクエリは、スクリーン、ハンドヘルドなどのデバイス仕様でのみ機能します...

例えば：

/* Large desktop */ 
@media (min-width: 1200px) { ... }

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { ... }

/* Landscape phone to portrait tablet */
@media (max-width: 767px) { ... }

/* Landscape phones and down */
@media (max-width: 480px) { ... }

以前のstackexchangeの質問からのこのリンクに基づいて回答してください。

--

jquery プラグインのみを使用する場合は、次を使用できます。このJquery プラグインを使用する
ResponseJS

于 2013-02-23T21:03:34.260 に答える