htmlstudy002.htm > external_style_test_01_001.html

tack Develoeprs Group Homepage!

Q. スマホやタブレットでの表示で左上に小さく表示され、width指定通りになりません。

スマホやタブレットでページを表示すると、左上に小さく表示される場合があります。これがなぜかわなからないので検証します。前回はスタイル要素での指定をしました。今回は外部CSSの新規作成での検証です。

外部CSS新規作成。[スタイルシート]タブでウィンドウ下部の+マークを押す。ラジオボタンで「文書からリンク]を選択し、[新しいファイル]ボタンを押してファイルを作成、Hrefに表示されたパスを確認。ラジオボタン[URLをページ相対にする]を押す。押せない場合は手動で編集(HTMLと同じ場所ならファイル名のみでいいです。Hrefを編集します)。スタイルシートの名前であるタイトルを書きOK。

外部CSSの新規作成での検証。

・このテストページの結果は：

結果は、OKです。

(... 2022R04-0823-TUE-1440)

htmlstudy002.htm > external_style_test_01_001.html

<<< externalcss_test_01_002n.html >>>