問題タブ [skeleton-css-boilerplate]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
512 参照

html - 960gsとスケルトンのユーティリティ

簡単な質問があります。私は今ウェブデザインを学んでいますが、ピクセルに基づくグリッドを持つことは非常に難しいと思います。問題はレスポンシブ要素によるものです。

たとえば、画像は論理ブレークポイントだけでなく、ピクセルごとにサイズ変更する必要があるため、メディアクエリを挿入することはできません。したがって、私の解決策は、できるだけ単純にwidth: %;を設定します。列ごとに (1 つまたは 2 つの列がありますが、画像とコンテンツはピクセルごとにサイズ変更する必要があります)。

それから Skeleton を取ります..私はそれを見ましたが、メディアクエリを除いて 960gs の同じコピーのようです...そしてそれはまだ同じ問題です.

960gs は、多くの要素 (3 ~ 4 列) があり、それらの幅を拡大またはサイズ変更する必要がない大規模なサイトの問題を解決できると考えられます (たとえば、1024 の最大論理ブレークポイントの場合、たとえば、列に別のスペースは必要ありません。margin: 0 auto;をサイト全体の中央に配置するだけです)。

それで、あなたはどう思いますか?アドバイスが必要です。ありがとうございました。

編集::コードサンプル(2列だけだと言いました)

0 投票する
2 に答える
403 参照

responsive-design - Skeleton で検出された画面幅をオーバーライドする方法を教えてください。

Spree アプリ / ユーザーのブラウザーに Skeleton 幅の調整を無視させ、常に 960px 幅のブラウザーを想定させて、ユーザーを右にスクロールさせることは可能で簡単ですか?

基本的で機能的な e コマース アプリを作成してデプロイしました。まったくの初心者で、レスポンシブ デザインについては知りませんでした。そのため、現在、私のサイトは大きなビューでうまく機能しますが、幅が 960 ピクセル未満になるとごちゃごちゃになります。レイアウトを学習して再設計している間に、簡単なパッチを当てたいと思っています。

0 投票する
0 に答える
159 参照

javascript - Flexslider 空白

現在 Skeleton プラットフォームを使用しており、その上に Flex スライダーをインストールしました。私が気になる問題があります。ページを開始するたびに、スライダーがスライダーの下部領域に高さ 3 ~ 4 ピクセルの線を作成します。どこでも検索しましたが、人々の提案はフレックスのマージンを0に設定することでしたが、それは役に立ちませんでした。

フレックスを開始する私のコードは次のとおりです。

そして、状況/問題の画像プレビュー。

ここに画像の説明を入力

黒いスペースは気にしないでください。画像の高さが小さすぎるかどうかを確認するために意図的に作成しました。

コードのサンプルが必要な場合は、提供します。

前もって感謝します、ジョージ。

0 投票する
1 に答える
262 参照

skeleton-css-boilerplate - Skeleton Framework を使用している、または取り組んでいる人はいますか?

Skeleton Framework ( http://www.getskeleton.com ) に取り組んでいる、または使用している人はいますか? GitHub サイトは時々少しの活動を示しますが、何が起こっているかを知っている人々とチャットする方法があるかどうか疑問に思っています.

私は最近のすべてのプロジェクトでフレームワークを使用しており、その開発にもう少し関与したいと考えています。

ありがとう

0 投票する
2 に答える
580 参照

css - application.cssで正しく「要求」する方法は? (スケルトン フレームワーク)

アプリでスケルトンレール CSS フレームワークを使用しようとしています。app/views/layouts/application.html.erbスタイルを設定しようとしているコンテナとリスト ナビゲーションがいくつかあります。への追加を含む、スケルトン git リポジトリの指示に従いましgem 'skeleton-railsGemfile。次に、アプリのホームディレクトリから実行bundle installしました。rails g skeleton:install指示が示すように、これにより my に以下が追加されましたapp/assets/stylesheets/application.css

ただし、私のファイルではすべてがコメントアウトされており、上記の行の前にアスタリスク (*) が付いています。コメント ブロックをrequires の前で終了させたり、アスタリスクや等号を削除したりしてみましたが、ページをリロードしたときにスケルトン スタイルから表示されるはずの変更がまだ表示されません。足りないものはありますか?助けてくれてありがとう。

0 投票する
1 に答える
285 参照

html - フォントフェイスが表示されない

私は Skeleton Grid System を使用しており、グリッド ファイルで提供されている layout.css ファイルでコメント化されている指示に従って、ページのグローバル フォント フェイスを変更しました。私が見つけた問題は、base.css ファイルのフォント フェイスを上書きしていないことです。

layout.css ファイルに加えた変更は次のとおりです。

ここに画像の説明を入力

そして、ルート ディレクトリに "fonts" フォルダーを追加しました。

ここに画像の説明を入力

ページをローカルで実行すると、base.css ファイルのフォントが表示されます。

ここに画像の説明を入力

ここに画像の説明を入力

base.css ファイルを上書きする必要がありますか?