2016-10-22 30 views
0

嗨即時通訊使用「物化」& flexlider來構建我的主題, 我有一些問題,而桌面模式,當我看到我創建的模式有一些填充左那是我現在添加到我的網站的,我沒有分享代碼,因爲我不知道從哪裏開始,但是,這裏是一個臨時'鏈接到頁面&圖片來描述這個問題。填充添加到我的頁面,當看Modal,使用物化css類

*只需點擊「Modal !!」按鈕,在滑塊下。 謝謝,aviv。

這是我的網頁: https://optica.000webhostapp.com/

此圖片描述了我的問題 enter image description here

回答

0

好像有通過style屬性被設置明確寬度模態被觸發時,和它沒有考慮到由於overflow: hidden,滾動條消失,所以最終寬度小於100%。

一個快速解決方案是要麼做body { overflow: auto !important; }body { width: auto !important; },這取決於你打算如何(當然沒有打破任何其他)。

但是,更好的解決方案是改變模態的行爲(如果可以的話),並考慮包括滾動條在內的寬度爲window.innerWidth(或參見此question)。你使用的是什麼模式庫?

+0

Im使用Materialize,現在我注意到它,因爲我使用: – AvivS

+0

- 我使用:body {direction:rtl; },以便從左側添加的填充添加到右側,並替換掉模態mod中從右側消失的滾動條。 – AvivS