elementとwindowサイズの取得 - Qiita
{: style=”width: 200px; vertical-align:middle;”} offsetTop：要素が始まる場所と上の要素の位置 offsetHeight：指定した要素の高さ document.body.scrollTop：windowのtopから、要素のtopまでの位置 window.innerHeight：ウィンドウの高さ getBoundingClientRect getBoundingClientRect(This is an experimental technology) $('div')[1].getBoundingClientRect() ClientRect {height: 1338, width: 320, left: 0, bottom: 1241, right: 320…} bottom: 1241 height: 1338 left: 0
JavaScriptで画面サイズを取得する | かえラボBlog
screen.width 画面幅 ： screen.height 画面高 ： screen.availWidth 有効画面幅 ： screen.availHeight 有効画面高 ： window.innerWidth 表示領域幅 ： （IE非対応） window.innerHeight 表示領域高 ： （IE非対応） window.outerWidth ウィンドウ幅 ： （IE非対応） window.outerHeight ウィンドウ高 ： （IE非対応） $(window).width() 表示領域幅 ： $(window).height() 表示領域高 ： document.documentElement.clientWidth 表示領域幅 ： document.documentElement.clientHeight
このサイズだとこのサイトはどう見えるかな？が簡単に試せる『TestSize』 | 100SHIKI
似たようなツールは他にもあるが、シンプルで使いやすかったのでご紹介。知っておいても損はないだろう。 TestSizeでは、「このスクリーンサイズだとこのサイトはどういう風に見えるかな？」をシミュレートすることができる。 いくつかのサイズが用意されているが、矢印キーの上下で切り替えていくことができる点が便利だ。 また余計なメニューなども「f」キーでさっと消すことができる。 日本語のサイトも問題なく通るので、ちょっとしたテストにいかがだろうか。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
はてなブログ | 無料ブログを作成しよう
