2012-01-25 19 views
1

opencartで画面解像度ごとに自分のスタイルを設定するのが好きです。私は、他のすべてのPHPファイルに取り組んでいる簡単なスクリプトを使用していますが、それは、オープンカート内の非常に奇妙な応答を与え、ここで私はopencartでの画面解像度

<script type="text/javascript"> 
<!-- 
var ScreenWidth=screen.width; 
var ScreenHeight=screen.height; 
var ScreenResolution="<?php $res ?>"=ScreenWidth+"x"+ScreenHeight; 
--></script> 

を使用しています解決策はある。しかし、私も比較またはのための可変解像度を使用する場合エコーで、それは与える

Notice: Undefined variable: res 

私はそれに任意の示唆に固執していますか?または他の同じソリューション?

+0

$ resに置き換えられる可能性のある値は何か分かりません。あなたはJavaScript変数で2回値を割り当てていますので、PHP変数名ではなく、変数名になります。 –

答えて

1

um ... JavaScriptからPHP変数を定義しようとしていますか?

サーバー側とクライアント側のコードの違いを再確認する必要があるようです。

@media all and (max-width: 1024px) { 
    div {background-color: red;} 
} 

の事のようなものを:あなたは、解像度依存のスタイルを作るためにCSS3メディアクエリを使用することができますので、

は、しかしそれは、議論の余地がポイントです。どのようなクエリの外にもデフォルトのスタイルを残しておくと、メディアクエリをサポートしていないブラウザをデフォルトのスタイルでスタイルできます。

+0

ありがとうございますが、css3の最大のドローはいくつかのブラウザでサポートされていません。基本的に私は幅が%のdivを持っているので、もしIE7.8でより高い解像度でブラウズすると、サイズが変わるでしょう。だからこそ私はJSに行き、解像度の大きさに応じてdivに異なるクラスを定義したかったのです。 – Hashmi

+0

同じ結果を得るためのソリューションはありますか?つまり、異なる解像度のdivのクラス/ IDだけを変更する方法はありますか?いずれかの回答は – Hashmi

+0

ですか? – Hashmi