![Loading...](https://cdn-ak-scissors.b.st-hatena.com/image/square/fabe011256d5e507f32b71af1328d6b07c4440ad/height=288;version=1;width=512/http%3A%2F%2Fwebdesignmatome.com%2Fwp-content%2Fuploads%2F2011%2F11%2FA031.jpg)
Screen Sizes MQFramework is designed for five different screen resolutions. But with that comes the challenge of displaying the information you require. The Grid MQFramework is built and designed around a 12 column grid. For each of the supported screen sizes MQFramework has adopted a different width of container to house the grid. As for mobile versions, the twelve columns become one stacking up
live demo: IFrame iframeを使ったデモです。 div要素と同様にスクロールバーのカスタマイズ、コンテンツのズームが可能です。 NiceScrollの特徴 既存のコードの修正無しで、簡単に設置ができます。 ページのスペースを必要としないスクロールバーを設置できます。 スクロールバーのデザインを変更できます。 すべてのブラウザでマウス・キーボードでスクロールができます。 スクロールは慣性スクロールに対応しており、スピードは調整可能。 コンテンツのズーム機能。 対応ブラウザ IE6を含めたデスクトップブラウザだけでなく、iPhone, iPadなどモバイルブラウザ、タッチデバイスに対応しています。 Firefox 4+ Chrome 5+ Safari 4+ (win/mac) Opera 10+ IE 6+ iPhone, iPadなどのiOSデバイス [ad#ad-2]
Demo: Fluid: 768pxで表示 [ad#ad-2] MQFrameworkの特徴 スクリーンサイズ 5つの異なるスクリーンサイズに対応。 320px, 480px, 768px, 960px, 1140px グリッド グリッドは12カラムをベースにし、さまざまなレイアウトに対応。 タイポグラフィ @font-faceを使ったタイポグラフィ。 使い方が簡単 スマートフォンからデスクトップまで対応したResponsive Web Designのサイトを簡単に構築。 カスタマイズ カスタマイズも容易。 カスタマイズ用のスタイルシートファイルもあります。 MQFrameworkの使い方 必要なファイルを一式ダウンロードし、使用するページに外部ファイルとしてスタイルシートを指定します。 <link rel="stylesheet" href="css/master.css" type="
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く