コメントするスマホサイトなどで非表示にしたい場合Facebookのタイムラインをホームページなどに埋め込んだ時、例えば、スマホでのみ非表示にしたい場合などがある。表示しても効かなかったりする。非表示にする場合は、スタイルシートに下記を記述すること。none;}そのままコピペでOK。スマホでのみ適用する場合は、レスポンシブにするといい。関連記事:facebookタイムラインをスマホサイトでレスポンシブにする。スマホ・パソコン・Web関連Facebookの「いいね」ボタンと、タイムラインをスマホサイトでレスポンシブにする。コメントするFacebookのタイムラインを埋め込むと横幅が660px固定になるスマホやタブレット向けの可変Webサイト、いわゆるレスポンシブデザインというものがあるが、Facebookのタイムラインが微妙にレスポンシブデザインに対応していない。これはCSSでうまく対応できるので、紹介しておこう。Strength</a></blockquote></div></div>これがFacebook公式からコピペした状態だ。見ても分かる通り、data-widthが660で固定になっているように見える。何やってねんザッカーバーグ。思った人も少なくなかろう。実はFacebookは自動でスマホ向けに最適化される実は、「data-width」は660と書いてはいても。実は自動である程度サイズを合わせてくれる。↓↓↓↓スマホ表示↓↓↓↓これでも使えなくはない。スマホで見ると、画面横幅いっぱいいっぱいにFacebookのタイムラインが広がり、スマホ画面のフリックでスクロールしてもタイムラインのスクロールになってしまう。結果としてWebサイト自体のスクロールがやりにくくなるわけだ。