質問 > 管理機能 > スライダーのスマホサイズへの変更 |
管理機能
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | 下へ |
投稿者 | スレッド |
---|---|
o-fu |
投稿日時: 2021/1/20 10:04
対応状況: −−−
|
半人前 登録日: 2020/12/17 居住地: 投稿: 15 |
スライダーのスマホサイズへの変更 ▼テンプレート
[OS] Windows [ブラウザ] Edge [現象] スマホでスライダーを表示するときレスポンシブではなくスマホ用の画像で表示させたいです。 どのような設定をCSS追加をすればいいのでしょうか 画像に <img class="pc" src="(画像パス)"> <img class="sp" src="(画像パス)"> ↑ここはこのように並べていいのでしょうか CSS /* パソコン表示用 */ .pc { display: block !important; } .sp { display: none !important; } /* スマホ表示用 */ @media only screen and (max-width: 768px) { .pc { display: none !important; } .sp { display: block !important; } } これを /public_html/html/template/default/assets/css style.css に書いて上書きしてみましたが パソコン用とスマホ用の画像が続いて出てきてしまいました。 |
h_tanaka |
投稿日時: 2022/12/15 18:32
対応状況: −−−
|
神 登録日: 2016/7/22 居住地: 愛媛県 投稿: 1677 |
Re: スライダーのスマホサイズへの変更 ブラウザのキャッシュは削除されていますでしょうか?
ブラウザの検証ツールでスタイルが効いているか確認してみてください。
|
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | トップ |