質問 > フロント機能 > 2.4でスマホ用のCSSを設定 |
フロント機能
フラット表示 | 前のトピック | 次のトピック |
投稿者 | スレッド |
---|---|
maimax |
投稿日時: 2012/1/24 19:33
対応状況: −−−
|
常連 登録日: 2010/9/16 居住地: nagano 投稿: 32 |
2.4でスマホ用のCSSを設定 2.4.4でモバイルサイトをCSSのみの変更で、簡易的なスマホ用に表示にしようと思っております。
CSS表示の設定はMETAタグの追加とスクリプトの追加でできたのですが、 スマホ用のTOPページのおススメ情報とマイページなどいくつかのページがスマホからアクセスし た場合PCサイトに移行してしまいます。 モバイルからのアクセスは通常どうりモバイル用に移行します。 どこかに条件を指定しているファイルがあるとは思いますが、どこにあるのかわかりません。 どなたか、わかりましたらお教えいただけたらありがたいです。 モバイルのbest5.tpl はそのまま使用しておりますが、ここのパスを変更したら表示されるのではないかと思ってましたがパスはモバイル用に なっているので、わからなくなってしまった状態です。 <!-- ▼オススメコメント ここから --> <a href="<!--{$smarty.const.MOBILE_DETAIL_P_HTML}--><!--{$arrProduct.product_id}-->"> <!--{$arrProduct.comment|escape|nl2br}--></a> <!-- ▲オススメコメント ここまで --> ********追加したタグ*********** site_frame.tplに <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1" /> <script type="text/javascript"> if ((navigator.userAgent.indexOf('iPhone') > 0 && navigator.userAgent.indexOf('iPad') == -1) || navigator.userAgent.indexOf('iPod') > 0 || navigator.userAgent.indexOf('Android') > 0) { document.write('<link rel="stylesheet" type="text/css" href="style.css">'); $(window).bind('resize load', function(){ $("html").css("zoom" , $(window).width()/640 ); }); } </script> を追加しました。 EC-CUBEバージョン 2.4.4 PHPバージョン PHP 5.2.17 DBバージョン MySQL 5.1.57 |
フラット表示 | 前のトピック | 次のトピック |
題名 | 投稿者 | 日時 |
---|---|---|
» 2.4でスマホ用のCSSを設定 | maimax | 2012/1/24 19:33 |
Re: 2.4でスマホ用のCSSを設定 | AMUAMU | 2012/1/25 2:07 |
Re: 2.4でスマホ用のCSSを設定 | maimax | 2012/1/25 8:44 |
Re: 2.4でスマホ用のCSSを設定 | ゲスト | 2012/1/25 14:00 |
Re: 2.4でスマホ用のCSSを設定 | maimax | 2012/1/25 15:31 |
Re: 2.4でスマホ用のCSSを設定 | ゲスト | 2012/1/25 17:29 |
Re: 2.4でスマホ用のCSSを設定 | maimax | 2012/1/25 18:07 |
Re: 2.4でスマホ用のCSSを設定 | maimax | 2012/1/25 21:04 |