質問 > その他 > 【3.0.12-p1】PC基準でcssを編集すると、スマホでの表示が崩れてしまいます |
その他
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | 下へ |
投稿者 | スレッド |
---|---|
ゲスト |
投稿日時: 2016/12/20 11:14
対応状況: −−−
|
【3.0.12-p1】PC基準でcssを編集すると、スマホでの表示が崩れてしまいます PCからプレビューしながら、default.cssとstyle.cssを編集していたのですが
ふとスマホから見てみると、カートがヘッダーに飛び出していたりと酷い有様でした。 スマホから表示した場合には、読み込むcssを切り替えたり スマホからも、PCサイト表示に統一したりといった設定は可能でしょうか? ------------------------------------------------------------------------------------------ [EC-CUBE]3.0.12-p1 新規インストール [レンタルサーバ]Lv9ホスティング [OS] Linux freeweb20.byetcluster.com 2.6.32-531.29.2.lve1.3.11.1.el6.x86_64 #1 SMP Thu Dec 18 06:49:17 EST 2014 x86_64 [データベース] MySQL 5.6.32-78.0 [WEBサーバ] Apache 2.4.178 [ブラウザ] Chrome 54.0.2840.99 m (64-bit) [導入プラグインの有無] なし [カスタマイズの有無]] メールテンプレート管理プラグイン mail.yml ,default.css,style.cssの編集 [PHP] 5.6.23 (Core, date, ereg, libxml, openssl, pcre, sqlite3, zlib, bcmath, calendar, ctype, curl, dom, hash, fileinfo, filter, ftp, gd, gettext, SPL, iconv, session, intl, json, mbstring, mcrypt, standard, mysqlnd, mysqli, mysql, PDO, pdo_mysql, pdo_sqlite, Phar, Reflection, imap, SimpleXML, soap, exif, tokenizer, xml, xmlreader, xmlrpc, xmlwriter, xsl, zip, apache2handler, phalcon, ionCube Loader, Zend Guard Loader ------------------------------------------------------------------------------------------ |
|
468 |
投稿日時: 2016/12/20 11:36
対応状況: −−−
|
神 登録日: 2008/10/26 居住地: 投稿: 3217 |
Re: 【3.0.12-p1】PC基準でcssを編集すると、スマホでの表示が崩れてしまいます ECCUBE3はレスポンシブWEBデザインとなっている為、
CSSファイル内に以下のようなMedia Queryが記述されており、表示する画面の幅でCSSの適用を切り替えています。
あくまで表示される幅を基準に判定にする為、 端末判定によるCSSの切り替えは単純には出来ないようです。
|
ゲスト |
投稿日時: 2016/12/20 18:34
対応状況: −−−
|
Re: 【3.0.12-p1】PC基準でcssを編集すると、スマホでの表示が崩れてしまいます 返信ありがとうございます。
ひとまず、こちらのコードをcssに使用して レイアウトが崩れる原因の箇所を修正しました。
|
|
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | トップ |