繁體
|
簡體
Sclub交友聊天~加入聊天室當版主
(檢舉)
分享
新浪微博
QQ空间
人人网
腾讯微博
Facebook
Google+
Plurk
Twitter
Line
標題:
[教學]
基於頂部廣告代碼小修正
[打印本頁]
作者:
皓皓兒
時間:
2020-1-7 07:06
標題:
基於頂部廣告代碼小修正
本帖最後由 皓皓兒 於 2020-1-7 07:23 編輯
原文:
http://www.sclub.com.tw/discuz/v ... p;extra=&page=1
<div style="height: 22px;background: #96cafc;margin-top: -24px;"></div>
複製代碼
改為
<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值改成%，但還是搞不起來，就當應急用吧
作者:
superman1024
時間:
2020-1-9 04:48
謝謝分享
作者:
dragonhuang
時間:
2020-1-18 12:12
謝謝分享
作者:
jiapinshuizu
時間:
2020-1-18 12:38
謝謝分享
歡迎光臨 SCLUB免費論壇申請-使用者論壇 (http://xclub.tw/discuz/)
Powered by Discuz! 7.2
新浪微博
QQ空间
人人网
腾讯微博
Facebook
Google+
Plurk
Twitter
Line