The Acorn Spirit's Journey

“min-width: 768px”時には〇〇〇という感じ。 HTML Javascript/jQuery min-width: 768px は、タブレットやパソコンの時。でなければ、スマホの時、…

前回は matchMedia()とquerySelector() を使っての覚書でしたが、今回は、matchMedia()とquerySelectorAll() を使っての覚書。※ querySelector() はペー…

ブレークポイントで処理を振り分ける方法は色々ありますが今回は matchMedia()とquerySelector() を使っての覚書。※ querySelector() は、最初のひとつの要素しか返しません。よって、一…

10px＝1remとする場合のBootstrap4.3『Responsive font sizes』機能を有効にして使う時の覚え書き。 10px＝1rem とするには、まずhtmlフォントサイズを62.5%と書くわけです…

BootstrapのTogglable tabsと、Collapse Accordionを使って レスポンシブ（768px以上）ではタブ、767px以下ではアコーディオンにする。 ●768px以上 ●767px以下 ●H…

BootstrapのGrid systemを使って、table-stripedな見た目にしつつ レスポンシブ（768px以上）では横4列、767px以下では横2列にする。 テキストは上下中央に。 ●768px以上 ●76…