私は、特定の高さのナビゲーションバーで始まり、その下に高さの残りの部分を記入するコードを配置したページがあります。どのように私は様々な決議のためにそれをコード化できますか?私はブラウザの "作業領域"のサイズが必要です。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. diffのアンドロイド画面サイズと解像度で同じサイズのゲーム要素を取得する方法
- 3. C++で画面解像度を取得するには?
- 4. 二重解像度でスクリーンキャプチャを取得する方法は?
- 5. ビデオの最初のフレームを取得する - サムネイル解像度 - iPhone
- 6. HTML5キャンバスのサイズと解像度
- 7. サムスン7インチタブレットの画面解像度を取得するには?
- 8. ライブブラウザの画面解像度を取得する方法
- 9. Windows 8.1の解像度を取得するユニバーサル
- 10. 画面サイズ/解像度に基づいて画像のサイズを変更する
- 11. Javascript、PHPで画像の解像度を確認する
- 12. コントロールのサイズ/位置をスクリーン解像度で調節する
- 13. OS Xでプログラムで画面解像度を取得
- 14. ファイルからビットマップの解像度を取得します.net
- 15. 画像の解像度を画像のサイズに合わせて変更する
- 16. Androidでビデオの解像度を取得することは可能ですか?
- 17. PHP拡張機能を使用しない画像(JPEG、PNG、SVG、GIF)の画像解像度(DPI)を取得
- 18. Matlab:解像度/解像度をプロットする画像
- 19. Silverlight:画像サイズを取得
- 20. 画像サイズを取得2008
- 21. javascriptを使用してユーザーの画面サイズ/解像度を取得できますか?
- 22. php画像コンテンツの文字列から画像サイズを取得する
- 23. 高解像度を得るpygame
- 24. ブラウザウィンドウのビットマップを取得
- 25. XNA - 現在の画面解像度を取得
- 26. Mac OSXログイン画面の画面解像度を取得
- 27. 画像のサイズ、解像度、品質の推奨
- 28. PHPでPOSTリクエストのサイズを取得
- 29. 画面解像度で画像を切り取る
- 30. 解像度に基づいて画像のサイズを調整する
をウィンドウサイズは、純粋なPHPでは不可能である見つけます。これはJavascriptを必要とします。そのための多くの結果はGoogleから離れたものです: 'javascript window size'。しかし、タイトルで言及しているのは、CSSを@FakeRainBrigandとして使用することです。 –
これはCSSで行うことができます(正しく理解している場合)。 – FakeRainBrigand