環境が違う際に取得できる値は異なるのか？？javascript Height Width

Question

情報が少なくて申し訳ないですが、
前提として本番環境とtest環境があります。

A = document.querySelector(".test")

でobjectを取得。

test環境ではjavascriptの(scroll,offset,client)Height,Widthの値は設定されています。

しかし、本番でみると値が0になってしまっています。(コンソールで確認)
Height以外の値は同じでした。

コードは同じだと考えているのですが、環境が違うだけでjavascriptの取得できる値に違いは出る物なのでしょうか？？

Comments

[yambejp]

とりあえず「".test」→「".test"」

[miyabi_pudding]

> コードは同じ

HTMLやCSSも全く同じですか？表示も含め？
また、ブラウザは同じですか？

[dossy]

ブラウザは同じです。google chrome
htmlは同じ、cssはpxなどのサイズが若干違います。が、基本的には書いてあることは同じです。

[miyabi_pudding]

> cssはpxなどのサイズが若干違います。

それだと、取得できる値は当然変わると思いますが・・・。

HTMLとCSS、
値を取得しているJS構文も、質問本文に書き出してください。

とかく、ブラウザが同じであれば、
サーバーによって取得できる値が変わることはありません。
と、なれば取得の仕方に、環境依存の何かがあります。
（サーバーによってページの描画速度は変わるのでその影響を受ける書き方をしている、など）

Answer 1

console.log(document.querySelector(".test").getBoundingClientRect().height);

Comments

[dossy]

う〜ん、どうも0のままでしたね