x743さん
ご指摘を受けて一度ブラウザの表示を確認してみたところ、確かに縮小がかかっていました!
気付かない間に縮小90%にしてしまっていたようです。
100%表示に直した所、問題なく表示を確認する事が出来ました!!
ここまでお付き合い頂き、本当にありがとうございます。
また、デバイスモードのルーラーにメディアクエリの切り替え位置が表示できる事も教えて頂きありがとうございました!この機能は初めて使いましたが、とても便利ですね!
これからこの機能もあわせて更に勉強していこうと思います。
この度は誠にありがとうございます。大変お世話になりました。
x743さん、ありがとうございます。
ご指摘のありましたスクロールバー分のサイズですが、スクロールバーを含めた状態で確認しています。
jQueryは使用しておらず、CSSに記述したメディアクエリだけで切り替えをしようとしています。
現在は481px、736px、960pxで切り替えようとしていますが、433Px、663px、864pxでそれぞれ変わってしまう状態です。
ローカルで同じようにChromeの要素検証で確認した時は設定通りに動いていましたので、もう一度ローカルで動作確認をしてみようと思います。
貴重な回答ありがとうございました。