2022年2月

CSS

CSSのbackground-image（背景画像）をWebP対応させる方法

CSSのbackground-imageで指定した画像を、WebP対応させる方法。①「modernizr-custom.js」ファイルをダウンロードして設置②CSSで背景画像にWebP画像を指定することで対応・非対応ブラウザそれぞれに対応できます。

カテゴリを超えた学び

スマホでフォームに文字入力しようとすると画面がズームになる時の解決方法

ブログやWEBページにフォームを設置して、実際に「スマホ」で文字を入力しようとした時に画面がズームになってしまう。その時はfont-size:16px以上にすると解決します。

WordPress

「span data-mce-type="bookmark"」がWordPressでタブ切り替え時に出た場合の解決策

WordPressで「ビジュアル」タブと「テキスト」タブを切り替えた時に、というタグが出てくる理由と対応策

CSS

CSSでブラウザを縮めても楕円にならず、まん丸（正円）で文字を中心に配置する方法

今回はCSSでコーディングし、まん丸（正円）を作りたいと思います。まずは完成形を実際にブラウザを縮めてみてください。