カレンダーの行事予定のスマホ表示を改良しました。

Before

<iframe id="box-99"
    title="box-99"
    width="100%"
    height="100%"
    src="https://imabarinishi-h.esnet.ed.jp/schedule#box-99" frameborder="0" style="border: none" allow-scripts scrolling="no">
</iframe>

After

<div class="pc">
<div class="frame">
<iframe src="https://imabarinishi-h.esnet.ed.jp/schedule#box-99" frameborder="0" style="border: none" allow-scripts scrolling="no"" width=100% height=100% title="PC画面"></iframe>
</div>
</div>
<div class="sp">
<div class="frame">
<iframe src="https://imabarinishi-h.esnet.ed.jp/schedule#box-99" frameborder="0" style="border: none" allow-scripts scrolling="yes"" height=100% title="スマホ画面"></iframe>
<style>
 iframe {
            max-width: 100%; !important;
          }
  </style>
</div>
</div>
<style>
.pc { display:block; }
.sp { display:none; }
@media only screen and (max-width : 750px){
.pc { display:none; }
.sp { display:block; }
}
</style>

スマホに対応させるのがどれだけ大変か・・・