【找出網頁特定css修改】  1.選定所需模式下調試 2.選定機型 3.選定內容 4.找到相對位置的代碼 5.在特定標簽下找到所需屬性的設置項 6.打開對應文件，找到所在行數，進行實際修改 【h1-h5的px大小】 h1=32px,h2=24px,h3=19px,h4=16px,h5=13px 這時候是被h系列包住的內容 如： ~~~ <h1>這是32px大小</h1> <h1 style="font-size=32px;">這是32px大小</h1> ~~~ 【響應式的@media使用】 不同尺寸不同背景圖片顯示： ~~~ <style> /* 電腦/平板設備屏幕，默認屏幕（大于等于 768px） */ @media (min-width: 768px) { .Slider-1{ background-image: url(storage/settings/October2017/apic14886_sc115.com.jpg) } .Slider-2{ background-image: url(storage/settings/October2017/05000453.jpg) } .Slider-3{ background-image: url(storage/settings/October2017/hero_bg_2.jpg) } } /* 手機屏幕（小于等于 767px） */ @media (max-width: 768px) { .Slider-1{ background-image: url(storage/settings/October2017/images.jpg) } .Slider-2{ background-image: url(storage/settings/October2017/tooopen_sy_148572285711.jpg) } .Slider-3{ background-image: url(storage/settings/October2017/tooopen_sy_202028912158.jpg) } } /* 我們偶爾也會在媒體查詢代碼中包含 max-width 從而將 CSS 的影響限制在更小范圍的屏幕大小之內。 */ </style> ~~~ 【多重分辨顯示】： min-width不適用，max-width才適用： ~~~ /*（小于等于 1567px） */ @media (max-width: 1568px) { } /*（小于等于 1367px） */ @media (max-width: 1368px) { } /*（小于等于 1167px） */ @media (max-width: 1168px) { } /* （小于等于 967px） */ @media (max-width: 968px) { } /* 手機屏幕（小于等于 767px） */ @media (max-width: 768px) { } ~~~