如何解决Flexbox可以在Chrome上正常运行,但不能在Firefox上正常运行
我在Google Chrome上开发了自己的投资组合网站,一切看上去都不错。这是我的“关于”页面在Chrome上的外观:
我检查了Firefox,看是否一切都还不错,但事实并非如此。这是我的“关于”页面在Firefox上的外观:
我已经在下面包含了我的代码,但是仅是为了概述内容,这里有一个true
,它是列flexbox。它包含about-container
和about-title
。 about-content
是另一列flexbox,其中包含一个about-content
(包含文本和图片)和一个about-table
,其中包含我的联系信息。
flexbox出问题了吗?为什么它在Chrome上却不能在Firefox上运行?
card
#about-container {
display: flex;
flex-direction: column;
font-family: Roboto,sans-serif;
min-height: 100vh;
}
.about-title {
text-align: center;
font-weight: bold;
color: #374457;
font-size: 3em;
padding: 0.35em;
font-family: Roboto,sans-serif;
}
.about-content {
display: flex;
flex-direction: column;
align-items: center;
}
.about-content p {
line-height: 1.5em;
font-size: 1.5em;
text-align: left;
}
.about-content .about-table {
display: flex;
flex-direction: row;
align-items: center;
width: 95%;
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。