試圖應用一些媒體查詢。媒體查詢不起作用?
CSS沒有媒體查詢
blockquote {
margin: 1.5em 0;
font-family: 'Gentium Basic', Georgia, serif;
font-size: 20px;
line-height: 1.6em;
font-weight: normal;
font-style: italic;
border-left: 1px dotted;
padding: 0 0 0 25px;
left: 50%;
margin-left: -150px;
width: 650px;
}
隨後施加的:
/* larger than 800px */
@media only screen and (min-width: 801px) {
#mobileNav {
height: 0 !important;
}
}
/* 800px and smaller */
@media only screen and (max-width: 800px) {
#bannerImage {
background-attachment: scroll !important;
}
blockquote {
margin: 1.5em 0;
font-family: 'Gentium Basic', Georgia, serif;
font-size: 20px;
line-height: 1.6em;
font-weight: normal;
font-style: italic;
border-left: 1px dotted;
padding: 0 0 0 25px;
}
網站here
我想要做的就是有塊引用適應屏幕。目前,它這樣做時,頁面的寬度改變:
當我想它這樣做:
可以定義*不工作?* –
你想幹什麼你的媒體查詢呢? – Danield
@Danield更新了問題。 – Michael