Internet Explorer浏览器的HTML显示问题

Question

我是HTML / CSS的新手，并开发了这个响应式网页。当您在Chrome中打开并缩小浏览器窗口时，它可以正常运行。但是，如果您在IE中打开它并使浏览器窗口变小，则文本会跳转到div。

你可以做一个＆＃34;页面查看源＆＃34;并查看HTML和CSS。请告诉我该怎么做才能解决这个问题。该网站位于：http://www.geocities.ws/testing123-789xr58/

Answer 1

在site.css中，在.profiletilephoto的班级中，将高度设为auto而不是指定的高度。

整个文件中也有无数相同的类，请确保只包含一次。

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

另外，从site.css文件中的html中删除overflow-x: hidden;。

Answer 2

请查看CSS媒体查询以创建自适应网站：http://www.w3schools.com/cssref/css3_pr_mediaquery.asp

您还可以将元素的CSS设置为min-width，这样就不会将其调整为特定点。

<强> CSS

.element { 
  min-width: 250px;
}