2011-02-04 2 views
0

私は自分のウェブサイトのモバイル版を開発しようとしています。私はすべてのデバイスを異なる画面サイズのように考える必要があります。私はそれに応じて私のモバイルサイトを靴に夢中になるモバイルの不動産幅を取得する方法を見つけようとした誰もこの問題の解決策を提案してください。 jQueryやPHPを使ってこの問題を解決すると、私は自分のモバイルウェブサイトを開発するためにこれらを使用しているので、私は非常に満足しています。代わりにJavaScriptを使用してのモバイルデバイスの画面の不動産を見つける方法は?

+0

(http://stackoverflow.com/questions/1248081/get-the-browser-viewport-dimensions-with-javascript)[JavaScriptでブラウザのビューポートの寸法を取得] –

+0

の可能重複@Dan :jQueryのwidth()関数とheight()関数は、モバイル用の正しい値を与えていません。ユーザーが自分のウェブサイトにアクセスしているウィンドウの大きさを知りたいのですが、ウィンドウのサイズはわかりません。これにはどんな方法がありますか? – Siva

答えて

5

、例えば、異なる画面サイズをターゲットにするCSS3メディアクエリを使用します。

<link type="text/css" rel="stylesheet" media="only screen and (max-device-width: 480px)" href="iphone.css" /> 

更新:を本当に必要ならば、画面の幅と高さにアクセスするためにscreen.widthscreen.heightを使用。

W3C CSS3 Media Queries

+0

ありがとうございますyuxhuang、実際に私はユーザーが私のウェブサイトにアクセスしているデバイス画面の正確な大きさを知りたいと思っています。あなたはそれらの次元を得る方法を知っていますか? – Siva

+0

JavaScriptが幅と高さにアクセスできるようにコードが追加されました。 – yuxhuang

関連する問題