javascript - 浏览器默认填充

Question

浏览器具有 HTML 页面的默认填充。例如，我的 FF 默认设置 body 元素的边距为 8px。我可以使用

计算 HTML 页面的默认宽度填充

jQuery(window).width() - jQuery('body').innerWidth();

由于 body 元素跨越所有可用的浏览器视口(viewport)宽度。
我还有其他浏览器为宽度和高度填充设置了不同的值。
你能提出计算高度填充的方法吗？
由于 body 内部高度将返回实际页面内容高度并且不会跨越所有可用高度，因此以前的代码将不起作用。

Answer 1

你真的需要计算填充吗？填充是在元素的填充和边距 css 设置中定义的。

您可以在 jQuery 中轻松获得这些:

// Select the body element.
var bodyElement = $('body');

// Get the paddings
var widthPadding = bodyElement.css('padding-left') + bodyElement.css('padding-right');
var heightPadding = bodyElement.css('padding-top') + bodyElement.css('padding-bottom');

// Get the margins
var widthMargin = bodyElement.css('margin-left') + bodyElement.css('margin-right');
var heightMargin = bodyElement.css('margin-top') + bodyElement.css('margin-bottom');

您可以通过在您的 css 文件中定义来删除默认的用户代理(即浏览器的)设置:

body {
    margin: 0;
    padding: 0;
}