HTML のタグ MARQUEE が使用されていますからでしょう。
width: 800px;
-webkit-marquee-increment: 5px;
加えて幅を800pxに固定されていますから、スマホの横幅を超えてます。
トピック投稿者
tahk
(@tahk)
すいません。 どうすればいいか ご指導お願いできないでしょうか。
知識が有りませんので よろしくお願いします。 指示通りに
出来る限りさせて頂きます。
わたしがやることじゃないので、指導はしません。
学びを活かすのは rahk さん自身が実際に作業することなのですから。
問題の箇所は、
<MARQUEE width="800" scrollamount="5"><FONT color="#333333">無料体験授業は、随時やっております。電話予約をお願いします。</FONT></MARQUEE>
だろうとアドバイスするだけです。
突っ込んで言わせてもらえば、css があったり html が混在していたりで、どこを今観ているのか散らかり放題で読みにくいです。クラスにまとめたらいいとおすすめします。
問題の Marquee ですが、HTML5では、<MARQUEE>は廃止される予定です。 同様の機能を実現するには、 CSS3のマーキー系プロパティで指定すると良いでしょう。
IE9 以降やスマホでは動かないんじゃないでしょうか。
同様の効果として、わたしはニュースティッカーを使っています。ページの中ほど、青帯のスローガンとサービスボックスの間で information として使ってます。
http://amadeusrecord.info
お世話はしてませんが、一緒に考えてみましょう。
800が範囲を越えているとご指摘頂きましたが、いくらまでにすればよろしいでしょうか？
スマホの画面サイズについては検索等でも調べるとわかりますよね。スマホの説明書にも記載は有るでしょう。
さて、<marguee>を使うことしか知恵がなく、この方法で通すとすると、PCでの表示、スマホでの表示を両立させなくちゃならないですね。
自発的に考えて望みの形にしましょう。わたしには、どういう形を理想とされているのかは把握できませんので。
スマホサイズではみ出さないようにラップをかけてしまうのも方法だと思いますよ。
