私は、特定の高さのナビゲーションバーで始まり、その下に高さの残りの部分を記入するコードを配置したページがあります。どのように私は様々な決議のためにそれをコード化できますか?私はブラウザの "作業領域"のサイズが必要です。PHPでブラウザウィンドウのサイズ/解像度を取得する
答えて
PHPでは実行できません。可能であれば、this CSSははるかに良い解決策です。
存在すると、最も厄介なCSSの問題が発生しました。人々はそれを求めているのと同じくらい多くの答えがあるようです。上記のリンクは、私がこの問題のために見つけた最も優れた、クロスブラウザ対応のソリューションです。
フッターの部分があなたを混乱させないようにしてください。フッターが必要ない場合でも、それは完全に機能します。
本当に素晴らしい記事とデモ! +1 –
絶対配置を使用してください。
.nav {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 100px;
}
.content {
position: absolute;
top: 100px;
left: 0;
right: 0;
bottom: 0;
}
それはうまくいかないでしょう。折りたたみ後のアンティングはまだ 'body'カラーです:http://jsfiddle.net/FeP3b/ –
@myhead - 折り目を越えて伸びる背景色やコンテンツについて誰が言ったのですか?私のコードでは、固定幅のヘッダーに続いてブラウザウィンドウ内の残りのスペースを要素が満たすようになります。元のポスターの必要条件についてあまりにも多くのことを想定しているかもしれません。 – gilly3
あなたは正しい - それは前提でしたが、私はそれが公正なものであると信じています。背景色や境界線を適用しない場合は、要素を残りの領域に塗りつぶすにはどのような理由がありますか? –
ここで私はそれをしました。 index.phpをこの簡単なツールに置き換え、index.php index2.phpという名前を変更しました。純粋なjavascriptを使ってこれらのものをチェックし、実際のインデックスファイルに$ _GET変数として渡します。それより簡単なことは何ですか?すべて完了!私に5分かかった、あなたに30秒かかります:)
<html>
<head>
<script type="text/javascript">
if(window.innerHeight > window.innerWidth){
var landscapeOrPortrait = 'portrait';
} else {
var landscapeOrPortrait = 'landscape';
}
var width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
var height = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
window.location.replace('index2.php?width='+width+'&height='+height+'&landscapeOrPortrait='+landscapeOrPortrait);
</script>
</head>
$window_width = "<script type='text/javascript'>document.write(window.innerWidth);</script>";
ありがとう、これは私のために働いた.. –
- 1. PHPの解像度での画面サイズ
- 2. PHP:画像サイズを取得する
- 3. 角度2の画像サイズを取得
- 4. 画像サイズ/解像度
- 5. ソフトキーボードのサイズを含む画面の解像度を取得する方法は?
- 6. 各レンダリングレイヤーの解像度を取得
- 7. ARCore:カメラの解像度を取得
- 8. サイズの変更、画像の解像度
- 9. diffのアンドロイド画面サイズと解像度で同じサイズのゲーム要素を取得する方法
- 10. PHPで高解像度ではなく低解像度の画像をダウンロード
- 11. Pythonで.dpxファイルの解像度を取得する
- 12. C++で画面解像度を取得するには?
- 13. JavaScriptで正確な物理モバイル解像度を取得する
- 14. 二重解像度でスクリーンキャプチャを取得する方法は?
- 15. roku/scenegraphでネイティブストリームビデオ解像度を取得するには?
- 16. JavascriptまたはjQueryでディスプレイ解像度を取得する
- 17. 解像度の異なる画面の画像サイズを理解する
- 18. Accord.Video.DirectShowを使用してカメラの解像度を取得する
- 19. javascriptの解像度を分割するときNaNを取得
- 20. ビデオの最初のフレームを取得する - サムネイル解像度 - iPhone
- 21. 画面サイズ/解像度に基づいて画像のサイズを変更する
- 22. Javascript、PHPで画像の解像度を確認する
- 23. HTML5キャンバスのサイズと解像度
- 24. ハイブリッドアプリの画面サイズと解像度
- 25. コントロールのサイズ/位置をスクリーン解像度で調節する
- 26. Windows 8.1の解像度を取得するユニバーサル
- 27. ライブブラウザの画面解像度を取得する方法
- 28. サムスン7インチタブレットの画面解像度を取得するには?
- 29. windows-golangの画面解像度を取得する方法
- 30. UWPの画面解像度を取得する
をウィンドウサイズは、純粋なPHPでは不可能である見つけます。これはJavascriptを必要とします。そのための多くの結果はGoogleから離れたものです: 'javascript window size'。しかし、タイトルで言及しているのは、CSSを@FakeRainBrigandとして使用することです。 –
これはCSSで行うことができます(正しく理解している場合)。 – FakeRainBrigand