2016-10-22 36 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