css.meta 中viewport 和http-equivcss中meta标簽name=“viewport” "width=device-width"的作用？http-equiv 屬性：

css涓?meta??绛?ame=??viewport?? "width=device-width"??浣????

渚?濡?锛?

璁╃?椤靛??浠ヨ???ㄩ??搴?浠ｇ??锛?娴?瑙??????姣?渚???

濡?瀛??㈡????锛???

• width=device-width 锛?琛ㄧず椤甸?㈠?藉害??璁懼?灞?骞???瀹藉害
• initial-scale=1.0锛?琛ㄧず??濮???缂╂?炬??渚?
• minimum-scale=0.5锛?琛ㄧず??灏???缂╂?炬??渚?
• maximum-scale=1.0锛?琛ㄧず??澶х??缂╂?炬??渚?
• user-scalable=no锛?琛ㄧず?ㄦ?鋒??????浠ヨ??寸緝?炬??渚???锛??ㄤ?绉誨?ㄧ??锛?

1.viewport

?充?viewport??涓や釜姒?蹇?isual viewport璺?layout viewport??layout

viewport锛???缃?椤電????????瀹癸?浠???浠ュ?ㄩ?ㄦ?????ㄥ??灞?绀虹??ㄦ?楓??锛??????ュ?璇ユ????缃?椤碉?

visual viewport锛???褰????劇ず缁??ㄦ?峰??瀹圭??绐??ｏ?浣???浠ユ???ㄦ?????懼ぇ缂╁?缃?椤點??锛???浠ラ??杩???搴?浣????哄?骞?澶у?锛??懼ぇ????灏???缃?椤碉?

2.绉誨?ㄧ????杞界?椤?/h2>

涓????ヨ?達??ㄧЩ?ㄦ?瑙??ㄤ?椤甸?㈡覆??????viewport ??椤甸?㈢??跺?哄?????????烘?瑙??ㄦ??椤甸?㈡?懼?ㄤ?涓?????????绐??ｂ??锛?viewport锛?涓?锛???甯歌?涓?????????绐??ｂ??锛?viewport锛?姣?灞?骞?瀹斤?杩??峰氨涓??ㄦ??姣?涓?缃?椤墊?ゅ?闆?灏???绐??ｄ腑锛?杩??蜂??村??娌℃????瀵規???烘?瑙??ㄤ?????缃?椤電??甯?灞?锛?锛??ㄦ?峰??浠ラ??杩?骞崇Щ??缂╂?炬?ョ??缃?椤電??涓????ㄥ????杩?涓?????????绐??ｂ??灏辨??layout viewport??

3. viewport meta??绛句???/h2>

涓轟?淇?璇??ㄥ?灞?骞???绉誨?ㄧ???藉?瀹??寸???劇ず?翠釜椤甸????

http-equiv 灞??э?

HTTP -equiv灞??т負??瀹瑰??х??淇℃??/?兼??渚?涓?涓?HTTP澶淬??

HTTP -equiv灞??у???ㄤ?妯℃??HTTP??搴?澶? 1??Expires(????)

璇存??锛???浠ョ?ㄤ?璁懼??缃?椤電???版???堕?淬??缃?椤佃???涔???锛?蹇?椤誨?版???″?ㄤ????頒?杈???

锛?meta http-equiv="expires" content="Wed, 20 Jun 2018 22:33:00 GMT"锛?  
           

娉ㄦ??锛?蹇?椤諱嬌??MT???堕?存?煎???

2??Pragma(cache妯″?)

璇存??锛?璁劇疆绂?姝?ache锛?Pragma锛?锛?锛???浠?涔???

?ㄦ?锛?

锛?meta http-equiv="Pragma" content="no-cache"锛?  
           

娉ㄦ??锛?杩??瘋?懼??锛?璁塊????灏???娉??辨?烘?瑙???

3??Refresh(?鋒??

璇存??锛????ㄥ?鋒?闆苟?????伴〉???? content=?????堕?淬??

?ㄦ?锛?

锛?meta http-equiv="Refresh" content="2锛?URL=http://www.net.cn/"锛?  
           

4??Set-Cookie(cookie璁懼??)

璇存??锛?濡???缃?椤佃???锛??ｄ?????ookie??

?ㄦ?锛?

锛?meta http-equiv="Set-Cookie" content="cookievalue=xxx;expires=Wednesday, 20-Jun-2018 22:33:00 GMT锛? path=/"锛?  
           

娉ㄦ??锛?蹇?椤諱嬌??MT???堕?存?煎???

5??Window-target(?劇ず绐??ｇ??璁懼??)

璇存??锛?寮哄?堕〉?㈠?ㄥ???绐??ｄ互??绔?椤甸?㈡?劇ず??

?ㄦ?锛?

锛?meta http-equiv="Window-target" content="_top"锛?  
           

娉ㄦ??锛??ㄦ?ラ?叉?㈠??浜哄?ㄦ??堕??璋??ㄨ??宸辯??椤甸????

6??content-Type(?劇ず瀛?绗?????璁懼??)

璇存??锛?璁懼??椤甸??嬌?ㄧ??瀛?绗????? 甯哥??tf-8

?ㄦ?锛?

锛?meta http-equiv="content-Type" content="text/html; charset=gb2312"锛?  
           

7??Pics-label(缃?椤電??绾ц??瀹?)

?ㄦ?锛?

璇存??锛???E??internet??椤逛腑??涓?椤瑰??瀹矽?劇疆锛???浠ラ?叉?㈡?瑙?涓?浜??????剁??缃?绔?锛???缃?绔??????剁駭??灏辨????杩?meta灞??ф?ヨ?劇疆????

8??Page_Enter??Page_Exit

璁懼??杩??ラ〉?㈡?剁???規??????

?遍???″?ㄦ??娌℃???ㄧ????

Duration???間負缃?椤靛?ㄦ??杩?娓＄???堕?達???浣?涓虹???

Transition??杩?娓℃?瑰?锛?瀹????間負0??3锛?????瀵瑰?24绉?杩?娓℃?瑰???濡?涓?琛??

0 ???舵?剁緝 1 ???舵?懼?

2 ??褰㈡?剁緝 3 ??褰㈡?懼?

4 ?變?寰?涓? 5 ?變?寰?涓?

6 浠?宸??沖??7 浠??寵?沖乏

8 ???寸?懼?剁?? 9 姘村鈎?懼?剁??

10 姘村鈎?肩?剁?懼?剁?? 11???存?肩?剁?懼?剁??

12 ????婧惰В 13浠?宸??充袱绔???涓??村?寮?

14浠?涓??村??宸??充袱绔?灞?寮? 15浠?涓?涓?涓ょ????涓??村?寮?

16浠?涓??村??涓?涓?涓ょ??灞?寮? 17 浠??充?瑙???宸??瑙?灞?寮?

18 浠??充?瑙???宸??瑙?灞?寮? 19 浠?宸??瑙????充?瑙?灞?寮?

20 浠?宸??瑙????充?瑙?灞?寮? 21 姘村鈎绾跨?跺?寮?

22 ???寸嚎?跺?寮? 23 ???轟駭??涓?绉?杩?娓℃?瑰?

9??娓??ょ?瀛?锛???璁塊??杩?涓?缃?绔?瑕????頒?杞斤?锛?

10??璁懼??缃?椤電???版???堕?? 绉?锛?锛?锛?

11???抽??瀛?,缁???绱㈠????ㄧ??

12.椤甸?㈡??杩?