關於 media不生效的問題和meta總結

2022-06-20 12:51:14 字數 1345 閱讀 6927

1:之前做的是兩套頁面。現在改成響應式布局。發現加上

@media only screen and (max-width: 500px) 

.gridmain 

.gridright 

}諸如上面的樣式表在手機尺寸的時候不起作用。

因為沒加下面這段meta**

平時寫的pc端不需要上面這段。手機端需要。在pc端改的話容易忽略上述。

2:meta總結

meta標籤是html語言head區的乙個輔助性標籤,它位於html文件頭部的標記和標記之間,它提供使用者不可見的資訊。meta標籤通常用來為搜尋引擎robots定義頁面主題,或者是定義使用者瀏覽器上的cookie;它可以用於鑑別作者,設定頁面格式,標註內容提要和關鍵字;還可以設定頁面使其可以根據你定義的時間間隔重新整理自己,以及設定rasc內容等級,等等。

(1)seo優化:

description用來告訴搜尋引擎你的**主要內容。

標註網頁的作者或製作組

[email protected]">

標註版權

搜尋引擎都有自己的「搜尋機械人」(robots),並通過這些robots在網路上沿著網頁上的鏈結(一般是http和src鏈結)不斷抓取資料建立自己的資料庫。對於**管理者和內容提供者來說,有時候會有一些站點內容,不希望被robots抓取而公開。為了解決這個問題,robots開發界提供了兩個辦法:乙個是robots.txt,另乙個是the robots meta標籤。robots就是乙個必須放在**根目錄、讓搜尋蜘蛛讀取的txt檔案,檔名必須是小寫的"robots.txt"。通過robots.txt可以控制se收錄內容,告訴蜘蛛哪些檔案和目錄可以收錄,哪些不可以收錄。 在這裡說明下,如果在**目錄下加了這個檔案,搜尋引擎會認為你是乙個比較正規標準的站。

robots用來告訴搜尋機械人哪些頁面需要索引,哪些頁面不需要索引。content的引數有all、none、index、noindex、follow、nofollow。預設是all。

all:檔案將被檢索,且頁面上的鏈結可以被查詢;

none:檔案將不被檢索,且頁面上的鏈結不可以被查詢;(和 "noindex, no follow" 起相同作用)

index:檔案將被檢索;(讓robot/spider登入)

follow:頁面上的鏈結可以被查詢;

noindex:檔案將不被檢索,但頁面上的鏈結可以被查詢;(不讓robot/spider登入)

nofollow:檔案將不被檢索,頁面上的鏈結可以被查詢。(不讓robot/spider順著此頁的連線往下探找)

(2)移動裝置

(19)expires (期限)指定網頁在快取中的過期時間,一旦網頁過期,必須到伺服器上重新調閱。

關於focus 不生效的問題

有時候想讓輸入框自動獲取標籤,給它寫了個focus 但是一直不生效。目前發現不生效的原因 pc端 有兩種 還有乙個原因是在ios下無法觸發focus事件,原因和解決方法請檢視 1 html的dom結構發生了變化。例如input框在乙個類為input box的div裡面,而前面寫了個事件把 input...

CSS3 關於z index不生效問題

參考文獻 z index 屬性是用來調整元素及子元素在 z 軸上的順序,當元素發生覆蓋的時候,哪個元素在上面,哪個元素在下面。通常來說,z index 值較大的元素會覆蓋較低的元素。z index 的預設值為 auto,可以設定正整數,也可以設定為負整數。只有定位的元素 即position屬性值不是...

QActionGroup互斥不生效的問題

問題描述 我有乙個單例項的qaction的集合actions 然後傳入不同的q 進行新增到不同的q 例項中。其中使用到了qactiongroup將其中的單個qaction進行互斥的處理。當建立了多個q 例項後,釋放了其中乙個例項,其他q 的qactiongroup互斥就不生效了。之前的實現方式 ac...