-
投稿者投稿
-
2021年11月29日 7:23 PM #92802
【お使いの Snow Monkey のバージョン】バージョン: 15.16.0
【お使いの Snow Monkey Blocks のバージョン】バージョン 13.4.0
【お使いの Snow Monkey Editor のバージョン】バージョン 6.2.1
【お使いのブラウザ】chrome
【当該サイトのURL】### 実現したいこと
お客様から問い合わせがあって、Snow Monkeyのブレークポイントについて
一覧がほしいとの連絡がありました。### 発生している問題
Chromeの開発ツールで読み取ろうとしたけどわかりませんでした
emで記述されている場合、pxの値もつけていただけると嬉しいデス### 試したこと
スタイルがミニファイされているので、解読できませんでした。こちらもミニファイ前のものがほしいです
♥ 0いいねをした人: 居ません2021年11月29日 10:26 PM #92812このあたりを参照してみてください。
僕もすべてを把握しているわけではないので例外もあるかもしれませんが、基本的には 640px、1024px、1028px を使っています。
こちらもミニファイ前のものがほしいです
snow-monkey/src/css
内にある scss ファイルを参照してください。♥ 0いいねをした人: 居ません2021年11月30日 9:16 AM #92830さっそくありがとうございます
基本的には 640px、1024px、1028px を使っています。
1028でなく1280pxですよね? あれ?
basisのブレークポイント変数定義をみてみると
0:スマホ
640:タブレット縦
1024:タブレット横
1280:PC
と言う考え方でしょうか?これmax-width?
snow-monkey/src/css 内にある scss ファイルを参照してください。
あ! これがあるの忘れてました。参考にします!
♥ 0いいねをした人: 居ません2021年11月30日 9:32 AM #928331028でなく1280pxですよね? あれ?
あ、失礼しました! 1280px が正しいです。
basisのブレークポイント変数定義をみてみると
0:スマホ
640:タブレット縦
1024:タブレット横
1280:PC
と言う考え方でしょうか?です。
これmax-width?
そういう部分もあるかもですが、あくまでブレイクポイントですね。
♥ 0いいねをした人: 居ません2021年11月30日 10:23 AM #92836そういう部分もあるかもですが、あくまでブレイクポイントですね。
あくまでもブレークポイントの定義というのはわかるのですが
max-widthでないケースってどのようなものがありますか?
例えばタブレットだったら、これ以上、これ以下的にはさんでつかってるとか?♥ 0いいねをした人: 居ません2021年11月30日 10:36 AM #92837えっと、
max-width: 1024px
のような使い方はしていない(ほぼない)ということです。max-width
は必要でない限りはブラウザのデフォルト値です。♥ 0いいねをした人: 居ません2021年11月30日 11:25 AM #92843@media screen and (max-width: 1024px) { … }
みたいな使い方はしてないってことでしょうか?♥ 0いいねをした人: 居ません2021年11月30日 1:20 PM #92854@media screen and (max-width: 1024px) { … }
みたいな使い方はしてないってことでしょうか?そういう使い方ですね。つまりブレイクポイントの指定に使っていると。でもモバイルファーストで書いているので
@media (min-width: xxx)
の記述のほうがかなり多いはずです。あー、
@media
のmax-width
の指定ということですね、CSS プロパティのmax-width
のことだと思っていました。失礼しました。♥ 0いいねをした人: 居ません2021年11月30日 1:45 PM #92858 -
投稿者投稿
- トピック「Snow Monkeyのブレークポイントの一覧が欲しい」には新しい返信をつけることはできません。