facebookページの表示崩れ

PR 2015/9/18

このトピックには1件の返信、2人の参加者があり、最後にわいひらにより11年前に更新されました。

1件の返信スレッドを表示中

投稿者

投稿
- 2015年9月18日 6:49 PM #32654
  Hidekichi
  ゲスト
  うちのlinux + firefoxではこのように見えています。
  
  インラインの width: 186px;を消して、
```
.article-like-arrow-box {
  width: calc(100% - 115px);  //デフォルト114px
}
```
  で直るみたいですが、他のOSやらブラウザではどうなんでしょうか？
  
  あわせて、flexでのサンプルを codepenで作っておきました。何かの参考になれば。
  facebookページのウィジェットをflexでやる | codepen
  ちなみに、レスポンシブモードも作ってますが、必要なのは300pxと336pxだけでしょうから、そこらはお遊びです。
  Attachments:
  up0149.png
- 2015年9月18日 7:59 PM #32660
  わいひら
  キーマスター
  確か僕もそこは最初はcalcで実装したんですけど、古いAndroidブラウザが対応していなかったので現在のスタイルにしたような記憶があります。
  僕のAndroidエミュレータ環境が4.1なので、4.1以上では、使えるスタイルを使いたいと思っています。
  僕も後でLinuxのFirefoxで見てみます。
  Attachments:
  2015-09-18_19h56_16.png
投稿者

投稿

1件の返信スレッドを表示中

このトピックに返信するにはログインが必要です。