首頁(yè) 猿問(wèn) 為什么我的CSS...

為什么我的CSS 3媒體查詢(xún)不適用于移動(dòng)設(shè)備？

Html5 CSS3 Html/CSS

哆啦的時(shí)光機(jī) 2019-07-11 16:38:43

為什么我的CSS 3媒體查詢(xún)不適用于移動(dòng)設(shè)備？在styes.css中，我使用的是媒體查詢(xún)，這兩個(gè)查詢(xún)都使用了以下兩個(gè)變量：/*--[ Normal CSS styles ]----------------------------------*/@media only screen and (max-width: 767px) { /*--[ Mobile styles go here]---------------------------*/}當(dāng)我縮小窗口時(shí)，這些站點(diǎn)調(diào)整到我想要的常規(guī)瀏覽器(Safari，F(xiàn)irefox)的布局，但是手機(jī)上根本沒(méi)有顯示移動(dòng)布局。相反，我只看到默認(rèn)的CSS。誰(shuí)能給我指明正確的方向？

查看完整描述

3 回答

MM們

TA貢獻(xiàn)1886條經(jīng)驗(yàn) 獲得超2個(gè)贊

所有這些都是有用的提示，但看起來(lái)我需要添加一個(gè)元標(biāo)記：

<meta content="width=device-width, initial-scale=1" name="viewport" />

現(xiàn)在它似乎既適用于Android(2.2)，也適用于iPhone。

反對(duì) 回復(fù) 2019-07-11

精慕HU

TA貢獻(xiàn)1845條經(jīng)驗(yàn) 獲得超8個(gè)贊

不要忘記有標(biāo)準(zhǔn)的CSS聲明上邊媒體查詢(xún)或查詢(xún)也不能工作。

.edcar_letter{
    font-size:180px;}@media screen and (max-width: 350px) {
    .edcar_letter{
        font-size:120px;
    }}

反對(duì) 回復(fù) 2019-07-11

LEATH

TA貢獻(xiàn)1936條經(jīng)驗(yàn) 獲得超7個(gè)贊

我在一個(gè)新聞?wù)军c(diǎn)中使用了引導(dǎo)程序，但它在IE8上不起作用，我使用了CSS 3-mediaqueries.js javascript，但仍然不能工作。如果希望媒體查詢(xún)處理此javascript文件，請(qǐng)將屏幕添加到CSS中的媒體查詢(xún)行中。

以下是一個(gè)例子：

<meta name="viewport" content="width=device-width" /><style>
     @media screen and (max-width:900px) {}
     @media screen and (min-width:900px) and (max-width:1200px) {}
     @media screen and (min-width:1200px) {}</style><link rel="stylesheet" type="text/css" href="bootstrap.min.css">
     <script type="text/javascript" src="css3-mediaqueries.js"></script>

CSS鏈接線和上線一樣簡(jiǎn)單。

反對(duì) 回復(fù) 2019-07-11

3 回答
0 關(guān)注
823 瀏覽

關(guān)注

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為什么我的CSS 3媒體查詢(xún)不適用于移動(dòng)設(shè)備？

為什么我的CSS 3媒體查詢(xún)不適用于移動(dòng)設(shè)備？

3 回答

相關(guān)問(wèn)題推薦

添加回答

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

熱搜

最近搜索清空

為什么我的CSS 3媒體查詢(xún)不適用于移動(dòng)設(shè)備？

為什么我的CSS 3媒體查詢(xún)不適用于移動(dòng)設(shè)備？

3 回答

相關(guān)問(wèn)題推薦

添加回答