[教學] 基於頂部廣告代碼小修正

皓皓兒

原文:http://www.sclub.com.tw/discuz/v ... p;extra=&page=1

1. <div style="height: 22px;background: #96cafc;margin-top: -24px;"></div>

複製代碼

改為

1. <div style="height:25px;width:1140px;background: #fff;margin-top: -24px;"></div><div style="height: 25px;width:100%;background: #fff;margin-top: -24px;"></div>

複製代碼

width:1140px - 修改成自己的風格主體表格寬度數值，後面width:100%別動

目前用MultiScreenTest在各解析度各裝置測試是沒什麼問題，後面確實能遮掉，但在不同裝置不同分辨率，廣告條的高度同樣不太一致，這部份就交給其他大神處理了。
另外為何要再新增一行同樣的代碼，但值卻不一樣，原因在於說單用width:100%在電腦裝置上瀏覽是滿寬度的沒錯，
但到行動裝置就會變沒滿寬度，因此我在前面再加入一個width:1140px去讓他判斷，這樣行動裝置上面瀏覽就會滿版了


※單調height值為27/25/22px高度與原廣告條高度都不會一致，原想說將height值改成%，但還是搞不起來，就當應急用吧

jiapinshuizu

謝謝分享

dragonhuang

謝謝分享

superman1024

謝謝分享