オドフラン ~いつもどこかに「なるほど」を~

誰かのためになるようなことを、書き込んだり、書き込まなかったり

『スペース・キー』の使い過ぎに要注意~ワードプレス・レスポンシブレイアウトがスマホ画面で崩れる件~

2018-04-06 12:25:09 | 日記

今や、ほとんどのサイトがレスポンシブレイアウト、つまり
Webサイトが「画面サイズ」にあわせて伸び縮みしてくれるレイアウトになっていると思います。

が。

スマホ画面なのに、何故か一部のページ(主に投稿ページ)が、スマホサイズに縮小されず
PC画面を見ているかのような現象になることがあります。
あるいは、一応納まってはいるものの、右に画面が続いているような
不可解なスペースが存在する、みたいな。



これは、右寄せとか、小改行をやろうとして
スペース・キーを押しまくった結果、という場合が多いです。
※入れたい文字が右はしに行くまで、スペースを押しまくる、みたいな。

右寄せは、編集画面の右寄せボタン、
小改行は「Shift推しながらEnter」です。

「スペース」は、それが連続する塊を「1つのブロック」とみなされるので
改行されないのです。(されないことがあるのです)


右揃えや、小改行は
スペースキーではなく、
しかるべきボタン操作を使いましょう

 


こんな写真も無料でダウンロード
商用可能なフリー素材、フリー素材ドットコム
http://free-materials.com/