HTML/CSS– category –

aタグに電話番号を設定していないのにスマホで確認した時に、電話番号やFAX番号などの数字がクリックできるようになっており、実際にクリックすると電話発信されてしまう現象にあったことがある人は多いのではないでしょうか。 こちらの記事では、スマホで...

こちらの記事では、背景画像background-imageの高さを可変(レスポンシブ)にする方法についてまとめています。 背景画像をレスポンシブ対応させる方法が分からず、今までbackground-imageを使わずにimgタグだけで画像を表示させていた方は、こちらの記事を...

箇条書きや注意事項を文章で書く場合、テキストの前に『※』や『・』などの記号を使うことが多く1つの文章の量が多いと改行され記号の下から文章が始まってしまいます。 spanタグやbrタグなどで改行位置を決めて、余白を空けることをしていたら時間もかかり...

本記事では、HTMLの画像をレスポンシブに切り替えることができるpictureタグの使い方について解説しています。 pictureタグとは pictureタグとは、HTML5で登場した新しいタグです。 現在のWebサイトでは、スマホのキービジュアルが縦長に作られていること...

CSSのposition:fixedは、ページ上部にグローバルメニューを追従させたい時やモーダルウィンドウで中央に固定表示させるなど様々な場面で活躍する便利なプロパティですが、ある条件下で使用すると固定されない現象が起きます。 こちらの記事では、position:...