【问题标题】:Prevent Browser window resizing防止浏览器窗口调整大小
【发布时间】:2016-12-18 19:56:57
【问题描述】:

我正在尝试提出一种解决方案来阻止浏览器以特定宽度调整大小。只是为了测试我使用以下指令:

admin.directive('stopResizing', function ($window) {
return {
    link: function (scope, elem) {
        angular.element($window).on('resize', function (event) {                
            event.preventDefault();
            return false;
        });
    }
};
});

我成功地捕捉到了事件,但我的代码没有效果 - 窗口仍在调整大小。我尝试使用像 body 的 min-width 这样的 CSS 方法,但它也不起作用。这是body标签:

<body stop-resizing style="min-width: 960px; margin: 0 auto;">

感谢任何帮助。

谢谢

【问题讨论】:

  • 我怀疑任何浏览器都会允许您进行这种级别的控制,除非它是某种网页即应用程序框架,例如 Electron。
  • 不要专注于调整浏览器的大小,而是专注于防止您的内容在更大或更小的窗口内调整大小。由用户决定他们的浏览器有多大
  • 如果您尝试水平调整 Chrome 设置窗口的大小,您将看到我的要求。

标签: html css angularjs


【解决方案1】:
angular.element(window).off("resize", function()
{
    elem.css("min-width: 960px; margin: 0 auto;")
});

【讨论】:

猜你喜欢
  • 2015-04-20
  • 2023-04-07
  • 2011-02-10
  • 2020-09-25
  • 1970-01-01
  • 2012-02-23
  • 2012-05-23
  • 1970-01-01
  • 2021-11-22
相关资源
最近更新 更多