 |
新品価格 |
新しい事をするのをモットーにしており、そりゃ当然、次作るならBootstrap5やろ！
と、色のルート変数で共通指定作れるとか最高！みたいな。 特に、ややこしかった、エレメントの表示、非表示の記述がカッコいい。すっきりしている！と思っていました。
で、ちょっとGoogle siteもやりようで、プロっぽくできるんじゃないかとサーバーレスにこだわり作るサイトで、埋め込みの機能を使って、Bootstrap5で書いたものを入れてちょっとやってみようと思いました。
画像はGoogleドライブに全部起き完全サーバーレスでやるのは、低予算ででき、堅牢、SEOにもいいと信じて頑張っています。ええ感じや！と思っていたら、検証用のiPhoneでSafariで画像が出ないのを発見し、設定を修正することを表示させて問題を回避。
何とかなりそうだ！と思ったら…
Bootstrap5のエレメントの表示、非表示はなぜか、スマホサイトのはずなのに、スマホと、タブレットと2つ出たりする…
私の書き方が悪いのかと悩みまくりました。
結論「d-noneを入れたらSafariは非表示になる」
逆に、d-md-block d-lg-none とか指定しても、スマホでもタブレットでもSafariは表示してしまう… ということです。
Androidとか、Chromeはそういうことはない。もう、表示ユーティリティを読んで考えまくったけどわからず、いろいろテストして、上の法則を発見しました。もしかしたら私の書き方がどこかおかしいのかもしれませんが、わからない…
もう、iOSが嫌いだわ。 iPhoneのポイントサイズの一覧 世の中、みんなiPadなんだけどね。
私は、iPhone6S iPad mini2 iPad3を持っております。 miniもiPadも同じ768サイズなのですね。 また、iphoneとiPadでは同じコラム数になると… ←は感じませんでしたが、みんなiPhoneには苦労しているようですね。で、
もう…諦めまして。
これだったら、埋め込みなんで、普通にCSSの分岐で書いたらよかった…（脱力）
世界に知らせたい事実だと思います。おかしいと思うわ。
これで初めていい感じに表示されました。（←google ドキュメントに保存）
Google siteでは、埋め込むものの縦のサイズは、スマホだと短くなるので、PCとタブレットは具合を見ながら、文章を追加して、表示のバランスを取る必要があります。
表示させたいスプレッドシートに、自動的に3種類の表が生成されるように作り、分岐でデバイスごとにサイズが違う表を表示させることができました。
スプレッドシートの表は、Google siteに埋め込む場合、実際より、30以上大きめに縦がいるようです。（まだ研究中）
Bootstrap5に挑戦する方はお気をつけください。
 |
新品価格 |
1 コメント :
Woori Casino | Exclusive Online Slots Game - ChoGiocasino
Woori Casino is a gaming portal that welcomes 카지노 all types of bet365 players to an exciting experience. Play demo games, 우리카지노 get a Welcome Bonus, and get a Welcome
コメントを投稿
コメントありがとうございます。