如何在不从服务器重新下载内容的情况下强制重新加载页面（仅强制 CSS 重新计算）？

Question

我的网页有一些 CSS 问题...事实上，每次用户调整窗口大小时，由于某种原因，一切都会变得一团糟。

由于某种原因，所有浏览器（Chrome、Firefox 和 IE）在调整浏览器窗口大小后都不会重新计算 CSS（或无法正确重新计算）。

每次用户调整浏览器窗口的大小时，我可以强制重新加载页面（我的意思是 CSS 重新计算）吗？但是，我不想每次都从服务器重新提供内容。

谢谢大家！

Answer 1

根据您的描述，当用户调整窗口大小时，您需要重新计算具体损坏的css。

对于 jQuery，你可以这样做

$(window).resize(function() {
  $('.someEle').css('width', $(window).width()/2)
})

对于原版 javascript：

window.onresize = function() {
  // do sth here
}

无论哪种方式，您都必须明确知道您的 css 发生故障的位置和原因，以及如何在调整大小处理程序中修复它们。

感谢阅读。