mime-types - CSS 未加载，因为：拒绝应用样式，因为它的 MIME 类型

Question

拒绝应用样式，因为它的 MIME 类型 ('text/html') 不是受支持的样式表 MIME 类型，并且启用了严格的 MIME 检查。

<link rel="stylesheet" type="text/css" href="styles.css">

怎么解决？

body{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}section{display:block}h1{font-size:2em;margin:.67em 0}b{font-weight:inherit}b{font-weight:bolder}.right-section{background-image: url(work.jpg)}@media print{*,*::before,*::after,p::first-letter,div::first-letter,p::first-line,div::first-line{text-shadow:none!important;-webkit-box-shadow:none!important;box-shadow:none!important}p{orphans:3;widows:3}}html{-webkit-box-sizing:border-box;box-sizing:border-box}*,*::before,*::after{-webkit-box-sizing:inherit;box-sizing:inherit}html{-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}body{font-family:-apple-system,system-ui,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;color:#292b2c;background-color:#fff}h1{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}h1{margin-bottom:.5rem;font-family:inherit;font-weight:500;line-height:1.1;color:inherit}h1{font-size:2.5rem}.container{position:relative;margin-left:auto;margin-right:auto;padding-right:15px;padding-left:15px}@media (min-width:576px){.container{padding-right:15px;padding-left:15px}}@media (min-width:768px){.container{padding-right:15px;padding-left:15px}}@media (min-width:992px){.container{padding-right:15px;padding-left:15px}}@media (min-width:1200px){.container{padding-right:15px;padding-left:15px}}@media (min-width:576px){.container{width:540px;max-width:100%}}@media (min-width:768px){.container{width:720px;max-width:100%}}@media (min-width:992px){.container{width:960px;max-width:100%}}@media (min-width:1200px){.container{width:1140px;max-width:100%}}
body{font-size:100%;height:100%;width:100%;overflow-x:hidden;margin:0;padding:0;touch-action:manipulation}body{font-size:16px;font-family:poppins,sans-serif;width:100%;height:100%;margin:0;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;overflow-x:hidden;color:#333}h1,p{margin:0;padding:0}h1{line-height:1.5;font-weight:inherit}p{line-height:1.6;font-size:1.05em;font-weight:400;color:#555}h1{font-size:3.5em;line-height:1}b{font-weight:500}.display-table{display:table;height:100%;width:100%}.display-table-cell{display:table-cell;vertical-align:middle}::-webkit-input-placeholder{font-size:.9em;letter-spacing:1px}::-moz-placeholder{font-size:.9em;letter-spacing:1px}:-ms-input-placeholder{font-size:.9em;letter-spacing:1px}:-moz-placeholder{font-size:.9em;letter-spacing:1px}.full-height{height:100%}.position-static{position:static}.main-area{position:relative;height:100vh}.left-section{float:left;width:50%;position:relative}.left-section .main-content{padding:40px 40px 40px 0}.main-content .title{margin-bottom:15px}.right-section{position:absolute;top:0;bottom:0;right:0;width:50%;background-size:cover;z-index:1}.right-section:after{content:'';position:absolute;top:0;bottom:0;right:0;left:0;z-index:-2;opacity:.3;background:linear-gradient(to right,#e4e9b0,#b1291b)}
@media only screen and (max-width:992px){.main-area{position:relative;height:200vh}.left-section{float:none;width:100%;height:50%}.left-section .main-content{padding:40px 0;text-align: center}.right-section{top:50%;bottom:auto;width:100%;height:50%}}@media only screen and (max-width:767px){p{line-height:1.4}h1{font-size:2.8em;line-height:1}}@media only screen and (max-width:479px){body{font-size:12px}}

标签： mime-typescontent-security-policy