問題タブ [breakpoint-sass]
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 - CSS @media を使用して画面サイズに応答するようにブレークポイントを設定する
「@media only screen and (max-width: 500px)」を使用して CSS にブレークポイントを設定しています。
ブレークポイントに到達すると色が変わるように設定すると、次のように機能します。
ブラウザーのサイズを変更すると、コンテナーの div は黒くなりますが、ブレークポイントを設定して div のマージンを変更すると、ブレークポイントはトリガーされません。
したがって、クエリを次のように設定すると:
色の変化をテストするときにサイズを変更したときとまったく同じ方法で画面のサイズを変更しても、何も変わりません。
メインの css ファイルは #container を margin-left に設定します。18% で、これを手動で 0px に変更すると、ドキュメントがビューポートの左端まで移動します。
さまざまなスタイルと html 要素を試してみましたが、色の変更は非常に信頼できるようで、ほとんどすべての組み合わせで機能しますが、div のサイズ変更や再配置はまったく機能しないようです。これはなぜでしょうか？
答え：
@media クエリを css ファイルの先頭に配置していましたが、css ファイルの末尾に移動すると、サイズが変更されました。ただし、ファイルの先頭の色を変更したのにサイズを変更しなかったのはなぜですか?
susy-sass - Susy を既存の grunt ビルドに追加する
grunt で構築した既存のプロジェクトがあり、Susy を追加したいと考えています。Susy がなくてもビルドは正常に動作します。
Susy で Breakpoint を使用する必要があるようです。どちらも Sass が少なくとも V3.3 である必要があります。CLI からは、Sass 3.3.10 (Maptastic Maple) です。
Gem Compass を使用して Compass の最新バージョン (Compass 0.12.6) を取得しました。ただし、Susy および Breakpoint と互換性のないバージョンの sass (sass-3.2.19.gem) を使用 (およびインストール) します。
Susy を grunt の Compass タスクに追加すると、次のようになります。
/home/paul/.rvm/rubies/ruby-2.1.0/lib/ruby/site_ruby/2.1.0/rubygems/specification.rb の行 ["2064"] の Gem::LoadError: Susy-2.1 をアクティベートできません.2、sass-3.2.19 は sass と競合するため (~> 3.3.0)
Ruby の使用を最小限に抑えたいと考えています。このプロジェクトには config.rb がありません。(つまり、「バンドラーを使用する」のような解決策を得たくないということです。)
基本的なものが欠けているに違いないと思います。
singularitygs - 特異点対応ガター幅
Singluritygs と Breakpoints (応答が含まれています) を使用しており、これらのブレークポイントに従ってグローバルなガター幅を変更したいと考えています。
私はこれがうまくいくと思ったが、うまくいかない：
私はこれに間違った方法でアプローチしていますか?
グリッドの追加は、この手法を使用して機能することに注意してください。
import - Rails アプリのブレークポイント
Mason Wendell から、Compass がなくても自分のアプリケーションで Breakpoint を使用できると言われました。
'breakpoint', '2.4.1'私Gemfileと@import "breakpoint"私の application.css.sass に宝石がありますが、ブレークポイントを見つけることができません。
Mason 氏は、「_breakpoint.scss パーシャルを見つけるためにインポート パスを取得するだけで、準備は完了です」と述べています。
私は実際にこれを行う方法について少し混乱しています。
何か案は？
breakpoint-sass - 幅または高さのブレークポイント
私は最近SO でこの回答を見つけましたが、breakpoint-sass プラグインでこれを達成するための構文があるかどうか疑問に思っていましたか? ありがとう。
編集（混乱があったため）：
投稿された質問のこのメディア クエリのように、高さと幅に依存するブレークポイントを設定します。