バージョン選択

フォーラム

メニュー

オンライン状況

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

サイト内検索

質問 > 管理機能 > 画面の大きさいっぱいに画像を大きくする方法

管理機能

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
anna...
投稿日時: 2019/7/23 16:36
対応状況: −−−
半人前
登録日: 2019/7/17
居住地:
投稿: 20
画面の大きさいっぱいに画像を大きくする方法
[EC-CUBE] 4.0.2
[レンタルサーバ] さくらサーバー
[OS] MacOS
[ブラウザ] Chrome

初歩的な質問ですみません。
EC-CUBE内で画像を使用しており、その画像を画面いっぱいにしたいと思っています。
今はwidth:100%を指定しているのですが、真ん中の大きさにしか表示されなず、左右が白くなっている状態です。検証するとec-layoutRole__contentsの左右に隙間があり、このせいで効かないのか、原因がわからないです。

どなたか解決策を知っている方はいますでしょうか?
h_tanaka
投稿日時: 2019/7/24 18:43
対応状況: −−−
登録日: 2016/7/22
居住地: 愛媛県
投稿: 1610
Re: 画面の大きさいっぱいに画像を大きくする方法
ec-layoutRole__contents のスタイルを直接変更するか、上書きするようなスタイルを定義してやればいいと思います。
ただ、共通的に使用されているクラスですので、他ページへの影響にはご注意ください。


----------------
EC-CUBE 《プラチナ》ランクパートナー
トエビス株式会社 田中 宏典
EC-CUBEの機能やデザインのカスタマイズ承ります。

nyorai
投稿日時: 2019/7/29 8:32
対応状況: −−−
仙人
登録日: 2015/8/21
居住地:
投稿: 302
Re: 画面の大きさいっぱいに画像を大きくする方法
こちらは参考になりますか?
https://qiita.com/okazy/items/b194144c8e8e1b231f5c
joolensato
投稿日時: 2019/7/30 16:02
対応状況: −−−
常連
登録日: 2019/3/20
居住地:
投稿: 51
Re: 画面の大きさいっぱいに画像を大きくする方法
表示サイズを変えたい画像をデバッグツールで見て
当たっているスタイルを変更してみてください
共通のCSSを変更すると他の箇所にも影響出ますのでそこだけ注意してください
スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


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

統計情報

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

投稿数ランキング

1
seasoft
7365
2
468
3217
3
AMUAMU
2712
4
nanasess
2303
5
umebius
2085
6
yuh
1818
7
h_tanaka
1610
8
red
1567
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.