質問内容
このページの
「診断結果をツイートする!」ボタンと
フッターに固定表示している「ツイートする」ボタンと「LINE」ボタンが
特定の端末で表示されません。
何故表示されないのか原因と解決方法が知りたいです。
表示されない端末は下記なのですが、私の環境だと同じOSブラウザでも表示します。
iOS 13.3
safari
表示されない端末でページを見ると下記のような見た目になるようです。
![]
表示されないボタンのコード
HTML
1<a href="https://twitter.com/share?related=4ndancom&text=%E7%84%A1%E5%80%8B%E6%80%A7%E3%81%A7%E5%AD%98%E5%9C%A8%E6%84%9F%E3%81%8C%E8%96%84%E3%81%84%E3%81%82%E3%81%AA%E3%81%9F%E3%81%AE%E3%83%95%E3%82%A1%E3%83%B3%E3%82%BF%E3%82%B8%E3%83%BC%E8%81%B7%E6%A5%AD%E3%81%AF%E3%80%8C%E3%83%A2%E3%83%96%E3%80%8D%E3%81%A7%E3%81%99%EF%BC%81%E3%80%80%EF%BC%8D%E3%80%8ERPG%E3%81%AE%E4%B8%96%E7%95%8C%E3%81%AB%E8%BB%A2%E7%94%9F%E3%81%97%E3%81%9F%E3%81%82%E3%81%AA%E3%81%9F%E3%81%AE%E3%83%95%E3%82%A1%E3%83%B3%E3%82%BF%E3%82%B8%E3%83%BC%E8%81%B7%E6%A5%AD%E8%A8%BA%E6%96%AD%E3%80%8F%E3%81%BF%E3%82%93%E3%81%AA%E3%82%82%E3%82%84%E3%81%A3%E3%81%A6%E3%81%BF%E3%82%88%E3%81%86%E2%99%AA%0A%23ファンタジー職業診断%0A&url=https://4ndan.com/app/151/r/29" onClick="window.open(this.href, 'tweetwindow', 'width=650, height=470, personalbar=0, toolbar=0, scrollbars=1, sizable=1'); return false;" rel="nofollow" class="twitter-link loginbtn lbt ga_tweet maR10"><i class="fab fa-twitter-square"></i> 診断結果をツイートする!</a>
HTML
1<a href="https://twitter.com/share?related=4ndancom&text=%E7%84%A1%E5%80%8B%E6%80%A7%E3%81%A7%E5%AD%98%E5%9C%A8%E6%84%9F%E3%81%8C%E8%96%84%E3%81%84%E3%81%82%E3%81%AA%E3%81%9F%E3%81%AE%E3%83%95%E3%82%A1%E3%83%B3%E3%82%BF%E3%82%B8%E3%83%BC%E8%81%B7%E6%A5%AD%E3%81%AF%E3%80%8C%E3%83%A2%E3%83%96%E3%80%8D%E3%81%A7%E3%81%99%EF%BC%81%E3%80%80%EF%BC%8D%E3%80%8ERPG%E3%81%AE%E4%B8%96%E7%95%8C%E3%81%AB%E8%BB%A2%E7%94%9F%E3%81%97%E3%81%9F%E3%81%82%E3%81%AA%E3%81%9F%E3%81%AE%E3%83%95%E3%82%A1%E3%83%B3%E3%82%BF%E3%82%B8%E3%83%BC%E8%81%B7%E6%A5%AD%E8%A8%BA%E6%96%AD%E3%80%8F%E3%81%BF%E3%82%93%E3%81%AA%E3%82%82%E3%82%84%E3%81%A3%E3%81%A6%E3%81%BF%E3%82%88%E3%81%86%E2%99%AA%0A%23ファンタジー職業診断%0A&url=https://4ndan.com/app/151/r/29" onClick="window.open(this.href, 'tweetwindow', 'width=650, height=470, personalbar=0, toolbar=0, scrollbars=1, sizable=1'); return false;" rel="nofollow" class="twitter-link loginbtn lbt ga_tweet_fix"><i class="fab fa-twitter-square"></i> ツイートする</a>
HTML
1<a class="loginbtn lbl ga_line_fix" href="https://timeline.line.me/social-plugin/share?url=https://4ndan.com/app/151/r/29&text=%E7%84%A1%E5%80%8B%E6%80%A7%E3%81%A7%E5%AD%98%E5%9C%A8%E6%84%9F%E3%81%8C%E8%96%84%E3%81%84%E3%81%82%E3%81%AA%E3%81%9F%E3%81%AE%E3%83%95%E3%82%A1%E3%83%B3%E3%82%BF%E3%82%B8%E3%83%BC%E8%81%B7%E6%A5%AD%E3%81%AF%E3%80%8C%E3%83%A2%E3%83%96%E3%80%8D%E3%81%A7%E3%81%99%EF%BC%81%E3%80%80%EF%BC%8D%E3%80%8ERPG%E3%81%AE%E4%B8%96%E7%95%8C%E3%81%AB%E8%BB%A2%E7%94%9F%E3%81%97%E3%81%9F%E3%81%82%E3%81%AA%E3%81%9F%E3%81%AE%E3%83%95%E3%82%A1%E3%83%B3%E3%82%BF%E3%82%B8%E3%83%BC%E8%81%B7%E6%A5%AD%E8%A8%BA%E6%96%AD%E3%80%8F%E3%81%BF%E3%82%93%E3%81%AA%E3%82%82%E3%82%84%E3%81%A3%E3%81%A6%E3%81%BF%E3%82%88%E3%81%86%E2%99%AA" target="_blank"><span class="icon-line"></span></a>
背景
そもそも、私の環境だと正常にボタンが表示されるため、事象を再現できずデバッグができませんでした。
本事象のことを本サイトの問い合わせフォームから連絡いただいたからです。
もし事象が再現する方がいらっしゃいましたら是非原因をご教示いただけますと幸いです。
何卒よろしくお願い致します。