要保持不同浏览器分辨率下所有内容居中，可以使用CSS和JavaScript来实现。

方法一：使用CSS Flexbox布局

HTML代码：

CSS代码：

.container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh; /* 设置容器的高度为视口高度 */
}

.content {
  /* 内容样式 */
}

方法二：使用JavaScript获取浏览器窗口大小来计算内容居中位置

HTML代码：

JavaScript代码：

function centerContent() {
  var container = document.getElementById("container");
  var content = document.getElementById("content");
  var containerWidth = container.offsetWidth;
  var containerHeight = container.offsetHeight;
  var contentWidth = content.offsetWidth;
  var contentHeight = content.offsetHeight;
  
  var left = (containerWidth - contentWidth) / 2;
  var top = (containerHeight - contentHeight) / 2;
  
  content.style.left = left + "px";
  content.style.top = top + "px";
}

// 页面加载完成后调用centerContent函数
window.onload = function() {
  centerContent();
};

// 当窗口大小改变时重新调用centerContent函数
window.onresize = function() {
  centerContent();
};

以上两种方法都可以实现在不同浏览器分辨率下居中内容。你可以根据自己的需求选择其中一种方法来使用。