如何修复 Internet Explorer 的列宽答案

【问题标题】：How to fix internet explorer column widths如何修复 Internet Explorer 的列宽
【发布时间】：2019-11-11 21:43:38
【问题描述】：

我正在为我的学校开展一个项目，其中课程、教师和教室号码出现在标牌电视上。

项目的开始是由制造我们软件的公司发起的。我现在唯一能做的就是用 javascript 改变一些东西。这些更改在 Chrome 和 Firefox 中运行良好。但是我需要它在 Internet Explorer 中工作。

你可以去这个链接看看会发生什么： https://www.miras.be/lokaal_bezetting_lijst/57/2019-09-26/08:00/22:00/

当您在 Chome 或 Firefox 中打开时，它可以完美运行
当您在 IE 中打开时，您会发现小时数显示不好。

--> 奇怪的手动解决方案：当我刷新页面或调整窗口大小时，它确实有效。

不好的看法：

好风景：

有谁知道这方面的 javascript/jquery 解决方案？提前致谢！洛朗

【问题讨论】：

你不能设置一个最小宽度来确保它永远不会小于你想要的吗？一些代码可能会有所帮助。
寻求调试帮助的问题（“为什么这段代码不起作用？”）必须在问题本身中包含所需的行为、特定问题或错误以及重现它所需的最短代码。没有明确问题陈述的问题对其他读者没有用处。请参阅：如何创建 minimal reproducible example。另外，请阅读something on my website doesn't work, can I just paste a link to it?
我尝试在 IE 中访问该站点，它看起来与在任何其他浏览器中的外观相似。看这里。 i.postimg.cc/j2NxyQJP/167.png 最好发布任何可以在 IE 中产生问题的示例 HTML 和 CSS 代码。它可以帮助我们更好地理解问题。感谢您的理解。
您好，感谢您的回答和帮助！问题之一是我无法直接对 html 或 css 进行编辑。我确实可以访问一个 js 文件，并且可以像这样进行编辑。我现在在第一列、第五列和第六列尝试了固定宽度。在 Chrome 中运行良好，但在 IE 中不行。我添加了： window.onload = function() { console.log("ready!" ); $("td:nth-child(6)").each(function(){ $(this).css('width','100px'); }); $("td:nth-child(5)").each(function(){ $(this).css('width','100px'); }); $("td:nth-child(1)").each(function(){ $(this).css('width','175px'); }); };
还有一个奇怪的现象： - 在IE中输入url时，显示表格错误。 - 在 IE 中刷新页面时，表格显示正确。录屏：imgur.com/a/QHeM7OC

标签： javascript html css internet-explorer

【解决方案1】：

如果您希望表格列宽始终固定，您可以使用 MIN-WIDTH 和 MAX_WIDTH 在同一列上。如果你愿意，宽度比表格列的两个属性将始终相同。

【讨论】：

您好，谢谢。我已经添加了这个，但是它没有任何结果： window.onload=function(){console.log("ready!"),$("td:nth-child(6)").each(function (){$(this).css("MIN-WIDTH","100px"),$(this).css("MAX_WIDTH","100px")}),$("td:nth-child(5) ").each(function(){$(this).css("MIN-WIDTH","100px"),$(this).css("MAX_WIDTH","100px")}),$("td: nth-child(4)").each(function(){$(this).css("MIN-WIDTH","100px"),$(this).css("MAX_WIDTH","100px")}) ,$("td:nth-child(1)").each(function(){$(this).css("MIN-WIDTH","175px"),$(this).css("MAX_WIDTH", "175px")})};

【解决方案2】：

经过长时间的搜索，我找到了解决方案。正如我所提到的，当我调整窗口大小时就可以了。在我的脚本结束时发生了这个事件，一切都得到了修复。感谢您的回答和帮助！

$(window).trigger('resize')

【讨论】：