【找出网页特定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) { } ~~~