http://rabbit-punch.com/web/596
https://teratail.com/questions/60006
この2つのコード組み合わせ
max-width:700px;以下のときjsを読み込む。
ブラウザ伸縮で変わらないので、再読込のコードを入れる
<script type="text/javascript">
var jsRead = function () {
if (window.matchMedia( '(max-width: 700px)' ).matches) { //切り替える画面サイズ
$.ajax({
url: 'js/iframe.js',
dataType: 'script',
cache: false
});
} else {
$.ajax({
cache: false
});
};
};
$(document).ready(function () {
jsRead();
});
$(window).resize(function () {
jsRead();
});
</script>
本当はPCサイズのときからiframeに設定されてたheightを取っ払って高さ全部出しにしたかった。
がしかし、背景が設定されていて、下に伸びた状態ではそぐわない背景画像のため、しょうがなくブラウザサイズで読み込ませることになった
