Internet Explorer 浏览器的 HTML 显示问题

标签 html css

<分区>

我是 HTML/CSS 的新手,开发了这个响应式网页。当您在 Chrome 中打开并缩小浏览器窗口时,它可以正常工作。但是,如果你用IE打开这个,把浏览器窗口调小,div里面的文字就会往下跳。

您可以执行“页面 View 源代码”并同时查看 HTML 和 CSS。请告诉我如何解决这个问题。网站在这里:http://www.geocities.ws/testing123-789xr58/

最佳答案

在 site.css 中,在 .profiletilephoto 的类中,将高度设置为自动,而不是指定的高度。

文件中还有无数相同的类,请确保只包含一次。

.profiletilephoto {
    display: block;
    height: auto;
    margin: auto;
    padding-top: 15px;
    position: relative;
    width: 83.3333%;
}

此外,从 site.css 文件中的 html 中删除 overflow-x: hidden;

关于Internet Explorer 浏览器的 HTML 显示问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35101718/

相关文章:

css - iOS 15 Safari CSS 中新的安全区域插入方法是什么?

css - Bootstrap 3 和 Rails 4 输入字段下的边距

php - css 和图像不工作 wordpress

html - 图像的超链接部分

Javascript 干扰第二个 SVG 线动画

html - 防止点击按钮产生按下效果

javascript - 下拉菜单的 javascript onclick 问题

html - 我如何从这个 css megamenu 中删除选项卡

javascript - 按钮隐藏和显示仅在第一行?

html - 如何在不改变悬停效果的情况下使我页面上的按钮和链接显示在相同的高度?