問題タブ [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.
html - 960gsとスケルトンのユーティリティ
簡単な質問があります。私は今ウェブデザインを学んでいますが、ピクセルに基づくグリッドを持つことは非常に難しいと思います。問題はレスポンシブ要素によるものです。
たとえば、画像は論理ブレークポイントだけでなく、ピクセルごとにサイズ変更する必要があるため、メディアクエリを挿入することはできません。したがって、私の解決策は、できるだけ単純にwidth: %;を設定します。列ごとに (1 つまたは 2 つの列がありますが、画像とコンテンツはピクセルごとにサイズ変更する必要があります)。
それから Skeleton を取ります..私はそれを見ましたが、メディアクエリを除いて 960gs の同じコピーのようです...そしてそれはまだ同じ問題です.
960gs は、多くの要素 (3 ~ 4 列) があり、それらの幅を拡大またはサイズ変更する必要がない大規模なサイトの問題を解決できると考えられます (たとえば、1024 の最大論理ブレークポイントの場合、たとえば、列に別のスペースは必要ありません。margin: 0 auto;をサイト全体の中央に配置するだけです)。
それで、あなたはどう思いますか?アドバイスが必要です。ありがとうございました。
編集::コードサンプル(2列だけだと言いました)
responsive-design - Skeleton で検出された画面幅をオーバーライドする方法を教えてください。
Spree アプリ / ユーザーのブラウザーに Skeleton 幅の調整を無視させ、常に 960px 幅のブラウザーを想定させて、ユーザーを右にスクロールさせることは可能で簡単ですか?
基本的で機能的な e コマース アプリを作成してデプロイしました。まったくの初心者で、レスポンシブ デザインについては知りませんでした。そのため、現在、私のサイトは大きなビューでうまく機能しますが、幅が 960 ピクセル未満になるとごちゃごちゃになります。レイアウトを学習して再設計している間に、簡単なパッチを当てたいと思っています。
javascript - Flexslider 空白
現在 Skeleton プラットフォームを使用しており、その上に Flex スライダーをインストールしました。私が気になる問題があります。ページを開始するたびに、スライダーがスライダーの下部領域に高さ 3 ~ 4 ピクセルの線を作成します。どこでも検索しましたが、人々の提案はフレックスのマージンを0に設定することでしたが、それは役に立ちませんでした。
フレックスを開始する私のコードは次のとおりです。
そして、状況/問題の画像プレビュー。
黒いスペースは気にしないでください。画像の高さが小さすぎるかどうかを確認するために意図的に作成しました。
コードのサンプルが必要な場合は、提供します。
前もって感謝します、ジョージ。
skeleton-css-boilerplate - Skeleton Framework を使用している、または取り組んでいる人はいますか?
Skeleton Framework ( http://www.getskeleton.com ) に取り組んでいる、または使用している人はいますか? GitHub サイトは時々少しの活動を示しますが、何が起こっているかを知っている人々とチャットする方法があるかどうか疑問に思っています.
私は最近のすべてのプロジェクトでフレームワークを使用しており、その開発にもう少し関与したいと考えています。
ありがとう
css - application.cssで正しく「要求」する方法は? (スケルトン フレームワーク)
アプリでスケルトンレール CSS フレームワークを使用しようとしています。app/views/layouts/application.html.erb
スタイルを設定しようとしているコンテナとリスト ナビゲーションがいくつかあります。への追加を含む、スケルトン git リポジトリの指示に従いましgem 'skeleton-rails
たGemfile
。次に、アプリのホームディレクトリから実行bundle install
しました。rails g skeleton:install
指示が示すように、これにより my に以下が追加されましたapp/assets/stylesheets/application.css
。
ただし、私のファイルではすべてがコメントアウトされており、上記の行の前にアスタリスク (*) が付いています。コメント ブロックをrequire
s の前で終了させたり、アスタリスクや等号を削除したりしてみましたが、ページをリロードしたときにスケルトン スタイルから表示されるはずの変更がまだ表示されません。足りないものはありますか?助けてくれてありがとう。
html - フォントフェイスが表示されない
私は Skeleton Grid System を使用しており、グリッド ファイルで提供されている layout.css ファイルでコメント化されている指示に従って、ページのグローバル フォント フェイスを変更しました。私が見つけた問題は、base.css ファイルのフォント フェイスを上書きしていないことです。
layout.css ファイルに加えた変更は次のとおりです。
そして、ルート ディレクトリに "fonts" フォルダーを追加しました。
ページをローカルで実行すると、base.css ファイルのフォントが表示されます。
base.css ファイルを上書きする必要がありますか?