CSS初心者です。
http://yossharamaru.blog.jp/archives/9170386.html
こちらの記事を見てやってみたのですが、imgのCSSが反映されません。
●現状
PCではコードの通りheight240pxで表示されています。
でもスマホで見ると100%表示に見えます。
●やりたい事
PCでは「height240pxの画像」が6つ横並びになってるので、
スマホも同じように6~4つ横並びにしたいです。
●使ってるCSS・HTML
使ってるCSSはこれです。
http://mankaisiryokan.blog.jp/sp_css/spcss2-3.css
HTMLには、
最初に貼った記事のとおり、HTMLの一番上に
<link href="↑のCSSのURL" type="text/css" rel="stylesheet">
を書いていて、
画像の部分は
<h3>見出し</h3>
<a href="画像.png" target="_blank"><img class="clothes" src="画像.png" alt="画像"></a>
<a href="画像.png" target="_blank"><img class="clothes" alt="画像" src="画像.png"></a>
<a href="画像.png" target="_blank"><img class="clothes" alt="画像" src="画像.png"></a>
・
・
・
のように書いています。
これでPCでは「height240pxの画像」が6つ横並びになります。
でもスマホで見ると100%表示に見えます。
●備考
前は見出しも反映されなくて、
「h1{」を「div.article-body-outer div.article-body h1{」
にしたら反映されました。
前に質問した時に「img」にも「div.article-body-outer div.article-body」を付けたらどうかって教わったので、
「img.clothes {」を「div.article-body-outer div.article-body img.clothes {」
に変えましたが、変化はありませんでした。
どうしたらできますか?
知恵をお貸しください…!
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- HTML・CSS 【HTML】【CSS】【Swiper】 元の画像は横1200×縦600なのですが、実際のサイト上に反 5 2022/07/16 13:57
- HTML・CSS PCサイズで赤い画像2つと、青い画像2つがそれぞれ横に2つずつ並んでいるのですが、これをスマホサイズ 5 2022/04/11 12:01
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- JavaScript アップロードファイルの種類によって処理を分岐させたいのですが書き方が分からずアドバイスお願いします 4 2023/06/17 19:12
- HTML・CSS flex の各子要素を横幅 100% にしたい 1 2022/09/22 21:25
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
windowsは画像にマウスオンで画...
-
クリックしても、リンクに飛ば...
-
「DecareステートメントにPtrSa...
-
透過GIFが表示されないんで...
-
pngやjsの後ろの英数字の意味は...
-
リンクの上にマウスカーソルを...
-
IMGタグでTIFF画像を表示
-
ボタンを押したままにする。
-
背景が透明なリンクボタンで、...
-
アクセスカウンター
-
カーソルが画像に触れたら文字...
-
HTML上の画像を結合する方法が...
-
カウンターのHTMLソースを教え...
-
<A href= と<IMG srcの使い分け
-
タイトルバーに画像を入れるHTM...
-
onmouseoverに複数の命令を書き...
-
Movable Type4でブログ記事をne...
-
ホームページの画像が表示され...
-
CSSなどでHTML全体の表示を拡大...
-
背景画像がちらつく原因は?
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ボタンを押したままにする。
-
IMGタグでTIFF画像を表示
-
背景が透明なリンクボタンで、...
-
カーソルを合わせると文字が出...
-
タイトルバーに画像を入れるHTM...
-
クリックしても、リンクに飛ば...
-
拡張子無しで画像を表示したいです
-
pngやjsの後ろの英数字の意味は...
-
複数のボタンで1つのエリアに...
-
バナーの貼り方とバナーにリン...
-
「DecareステートメントにPtrSa...
-
リンクの上にマウスカーソルを...
-
崩れたレイアウトが更新すると...
-
サムネイル(画像)をクリックす...
-
form以外でのpostってできますか?
-
windowsは画像にマウスオンで画...
-
onmouseoverに複数の命令を書き...
-
正規表現でリンクタグを削除す...
-
HTMLにQRコードを挿入する方法
-
画像を入れ替える方法
おすすめ情報