javascript - 调整窗口大小导致错位

Question

我的网页使用 HTML5、JavaScript、Jquery 和 CSS3! 当窗口全屏显示时，这正是我需要的方式。 就在我调整窗口大小时，对齐变得一团糟! 我需要一个简单的修复!请帮忙!提前致谢! 这是我的代码的一小部分:

    <img id="myimage1" onclick="changeimage1()"  src="images/build_i.png"  />
    <img id="myimage2" onclick="changeimage2()"  src="images/apply_i.png"  />
    <img id="myimage3" onclick="changeimage3()"  src="images/learn_i.png"  />

如果我将此窗口的大小调整到最小，对齐方式会发生变化。它开始一个比另一个低。我该如何摆脱它？

Answer 1

将 min-width 和 min-height 赋予 body 标签/父元素。 (在 CSS 中)

或

试试这个:(在 jQuery 中)

$(window).on('ready resize',function(){
    // post your code here related to layouts
});