バージョン選択

フォーラム

メニュー

オンライン状況

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

サイト内検索

質問 > フロント機能 > スマホの商品詳細ページについて

フロント機能

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
DEM
投稿日時: 2013/11/15 20:46
対応状況: −−−
新米
登録日: 2013/11/15
居住地:
投稿: 2
スマホの商品詳細ページについて
初心者です。よろしくお願いします。
EC-CUBE2.13を使用しています。
スマホからアクセスしたとき、商品詳細(詳細-メインコメント)
がPC用の大きなサイズのまま表示されてしまい、
スマホの画面サイズになりません。

どうしたらスマホの画面の幅に縮小されますか。

商品詳細のテンプレートや商品画像、商品一覧ページはスマホ用になってます。

画像のサイズの指定(width height)を外してみても変わりませんでした。
miiitaka
投稿日時: 2013/11/17 13:58
対応状況: −−−
一人前
登録日: 2011/10/17
居住地: 宮崎県宮崎市
投稿: 94
Re: スマホの商品詳細ページについて
メインコメントにimgタグを挿入したものに対してということでしょうか?
そうだとすれば、imgタグに対して、

max-width : 100%;
height : auto;

を設定してあげれば上手くいくと思います。


----------------
無料で学べるEC-CUBEノウハウ - EC-CUBEの学校
アラタナ

DEM
投稿日時: 2013/11/19 19:27
対応状況: −−−
新米
登録日: 2013/11/15
居住地:
投稿: 2
Re: スマホの商品詳細ページについて
ありがとうございます!できました。

imgタグにwidth、heightを指定していたのを削除して、
教えていただいたとおりcssにこのように設定しました。

img {
max-width: 100%;
height: auto;
}

助かりました。本当にありがとうございます。
スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


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

統計情報

総メンバー数は88,885名です
総投稿数は110,000件です

投稿数ランキング

1
seasoft
7367
2
468
3217
3
AMUAMU
2712
4
nanasess
2313
5
umebius
2085
6
yuh
1819
7
h_tanaka
1646
8
red
1570
9
mcontact
1295
10
tsuji
958
11
fukap
907
12
shutta
835
13
tao_s
799
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.