問題タブ [skeleton-css-boilerplate]

最新ではないブラウザで完全なレスポンシブデザインツールを提供する既存のUIフレームワークはどれですか？

BootstrapとSkeletonを試しましたが、IE-7などの古いブラウザではサポートされていないメディアクエリを多用しているため、成功しませんでした。

私は、cssフレームワークのTwitterブートストラップ、ファンデーション、およびスケルトンを評価しています。iPadやその他のタブレットを含め、デスクトップとモバイルに対応するサイトを設計しています。各フレームワークの長所と短所は何ですか？私はSOとグーグルで他のいくつかの同様の質問を見つけましたが、それらはすべていずれにせよ一方的な意見のようです。また、新しいバージョンのブートストラップがリリースされたばかりなので、私が見つけたもののほとんどは、古いバージョンのブートストラップと比較しています。

また、これを名前を付けた3つのフレームワークだけに限定したくありません。

どうも！

私はスケルトンを使用しています。これが私が望むレスポンシブレイアウトです:

モバイル レイアウト - タイトル、画像、説明のすべてが 1 つの列スタックに

デスクトップ レイアウト - 画像の右側にあるタイトルと説明

css とメディア クエリのみを使用してレスポンシブ レイアウトを変更できるように、html と css をどのように構成すればよいですか? デスクトップ レイアウトでは画像を左にフロートさせ、モバイル レイアウトではタイトルをブロック要素にしてみました。

モバイル CSS

デスクトップ CSS

これは、テキストが十分に長い場合、右側の列に保持するのではなく、説明が写真の下部にある写真の下に折り返されることを除いて、ほとんどの場合うまくいくようです.

スケルトンまたはレスポンシブ グリッド システムのいずれかを使用している場合、これを行うにはどうすればよいですか?それらの列クラスを使用する必要がありますか?

誰かがスケルトン グリッド システムをより広い最大幅を持つように変換したことがあるかどうか、私は興味があります。最近は 960px は少し小さいので、1100px に近づけたいと思っています。

誰かが以前にこれを行ったことがある場合、または変更を開始するためのヒントがあれば、それは素晴らしいことです!

Skeleton ボイラープレートを使用したシンプルな 2 列レスポンシブ デザインがあります。サイドバーの場合、コンテナ div内にこのdivがあります。

広いビューポートでの表示方法と狭いビューポートでのスタック方法が気に入っていますが、サイドバー ( 4 列 div ) を広いサイズで常に左に固定し、他のdivのコンテンツをスクロールしたいと考えています。

いくつかのことを試しましたが、レスポンシブレイアウトを台無しにしてしまいました.CSSポジショニングの完全な知識がないと思います...

どんな助けでも大歓迎です！ありがとう。

私はスケルトンを初めて使用しますが、プロジェクトに使用したいと思います。プロジェクトは、最大幅が 1400 ピクセルの 4 つの div で構成されており、ブラウザーと共に縮小するにはこれらが必要です。標準の 16 列の幅を 960px から 1400px に変更し、それに関連するさまざまなメディア クエリをどのように変更すればよいかわかりません。

どんな助けでも大歓迎です。

スケルトンを使ってレスポンシブウェブサイトを作っています。

画面がピクセル数よりも小さいときにクラスを変更したかった-jQueryを使用して
このように:(もちろんこれは機能しません）

私は Incident57 の CodeKit プリプロセッサを使用して、一連のより少ないファイルをコンパイルし、それらをインポートして、template.css という単一の CSS ファイルに縮小しています。

ただし、いくつかの編集を行った後 (そして、どの編集がこれを引き起こしたのかわかりません)、non_object_property_callError が発生し始めました。

template.less は 12 個のファイルをインポートします。

さらに、fonts.less 自体が 5 つのファイルをインポートします。

エラーはメディアクエリ.lessファイルに関連/関連しているようです

それを超えて、私は完全に迷っています。

non_object_property_callError : Cannot call method 'charAt' of nullエラーの意味と解決方法を教えてください。

アドバイスをいただければ幸いです。

Skeleton ボイラープレートを使用してレスポンシブ デザインを作成しています。

これは、ChromeとFirefoxでそれぞれどのように見えるかです

クロム: http://screensnapr.com/v/iaXYDS.jpg

Firefox: http://screensnapr.com/v/EW6HZM.jpg

ご覧のとおり、メニューであるはずの灰色のバーはクロムできれいに見えます。私が達成しようとしているのは、親内で比較的固定されているスティッキー メニューです。

#menu (灰色のバー) の CSS は次のとおりです。

Skeleton ボイラープレートを使用した #menu のクラスです。

#menu にこれらの次のスタイルを与える

この URL からテストできます

http://home.piratelufi.com/sticky/

ソースコードをダウンロードします（雑然としたファイルで申し訳ありません）

http://home.piratelufi.com/sticky/sticky.zip

<table>スケルトン css のレスポンシブ列を使用せずに、高さ 100% の 2 つの列が必要です。

コンテナーは 100% の高さのように見えますが、列ではありません。これを達成する方法はありますか？