使用FB.ui在手機上畫面問題

最近接一個案子，需要在pc及手機上都能用FB.ui來分享文字，不過發現在手機上會有底下的狀況，左邊是android手機，又邊是iOS

看起來有2個問題

1. Layout中的z-index安排
2. 寬高在不同device有不同的顯示方式，但高都用到100%

查了半天資料，大多數的解決方案是

1. 使用fbxml重新定義
2. 直接使用css去控制

解決問題時發現，若是要針對整個對話框做設定，例如z-Index，是一定要用fb_dialog，若是對話框的寬高，就要用FB_UI_Dialog。

/*Facebook UI的對話框整個 */
.fb_dialog{

  z-Index: 99999 !important;

}

/*控制對話框寬高使用底下這個*/
.FB_UI_Dialog {
  width: 320px !important;
}

參考網址：
How to resize Facebook UI dialog
Facebook “Invite” 弹出窗口