在我当前的网站上(www.webuyfitprojects.com)我正在实现一个bootstrap模式('启动演示模式'按钮靠近底部)。
我添加了此代码,以便在打开模式时删除html边距移位问题。 (这里有多个关于它的主题):
<script>
$('#myModal').bind('hidden.bs.modal', function () {
$("html").css("margin-right", "0px");
});
$('#myModal').bind('show.bs.modal', function () {
$("html").css("margin-right", "-15px");
});
</script>
这适用于台式机 - 但在我的G-Note4和ipad mini上,当我打开模态时,应用-15px margin-right并且html的内容向右扩展。有没有人有一个我可以添加的片段告诉上面的代码只能在桌面上工作?在较小的设备上,将margin-right更改为0px;所以它会阻止html扩展吗?