バージョン選択

フォーラム

メニュー

オンライン状況

71 人のユーザが現在オンラインです。 (59 人のユーザが フォーラム を参照しています。)
登録ユーザ: 0
ゲスト: 71
もっと...

サイト内検索

質問 > フロント機能 > 4系 レスポンシブ対応しないようにする方法

フロント機能

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
yoshi0001
投稿日時: 2020/3/16 16:41
対応状況: 保留
半人前
登録日: 2020/3/16
居住地:
投稿: 24
4系 レスポンシブ対応しないようにする方法
▼テンプレート
[EC-CUBE] 4.0.2
[レンタルサーバ] AWS
[OS] Mac OS Catalina、v10.15.3
[PHP] 7.2.21
[データベース] MySQL 5.7.26
[WEBサーバ] Apache/2.2.34
[ブラウザ] Chrome
[導入プラグインの有無]
 MailMagazine4 4.0.1
 SlnPayment4 1.0.2
 SSProductDetailPage 1.0.0
 SSProductListPage 1.0.0
 CategoryExtensionB 1.0.1

[カスタマイズの有無]
[現象] レスポンシブしない形で表示させたいです。どのように対応すべきでしょうか?
yoshi0001
投稿日時: 2020/3/18 15:19
対応状況: −−−
半人前
登録日: 2020/3/16
居住地:
投稿: 24
Re: 4系 レスポンシブ対応しないようにする方法
こちらメディアクエリで打ち消すように書くしかないのでしょうか?
HANTEN
投稿日時: 2020/4/2 14:06
対応状況: −−−
新米
登録日: 2019/9/12
居住地:
投稿: 6
Re: 4系 レスポンシブ対応しないようにする方法
デザインでPCとスマホを変えたいと言うことでしょうか?

根本的な解決ではないですが、CSSで設定して、変えたい場所だけclass指定してわけてます。

CSSはこんな感じで。

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
.pc { display: none !important; }
.sp { display: block !important; }
}


希望する答えと違っていたら済みません。
yoshi0001
投稿日時: 2020/6/4 20:10
対応状況: −−−
半人前
登録日: 2020/3/16
居住地:
投稿: 24
Re: 4系 レスポンシブ対応しないようにする方法
なるほど。ありがとうございます。

クラス名で分けるのはわかりやすくていいですね。
スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


EC-CUBE公式 Amazon Payプラグイン

統計情報

総メンバー数は88,301名です
総投稿数は109,692件です

投稿数ランキング

1
seasoft
7365
2
468
3217
3
AMUAMU
2712
4
nanasess
2303
5
umebius
2085
6
yuh
1818
7
h_tanaka
1610
8
red
1568
9
mcontact
1240
10
tsuji
958
11
fukap
907
12
shutta
835
13
tao_s
796
14 ramrun 789
15 karin 689
16 sumida 641
17
homan
633
18 DELIGHT 572
19
patapata
502
20
flealog
485


ネットショップの壺

EC-CUBEインテグレートパートナー

Copyright© EC-CUBE CO.,LTD. All Rights Reserved.