免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
Board logo

標題: [教學] 基於頂部廣告代碼小修正 [打印本頁]

作者: 皓皓兒    時間: 2020-1-7 07:06     標題: 基於頂部廣告代碼小修正

本帖最後由 皓皓兒 於 2020-1-7 07:23 編輯

原文: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值改成%,但還是搞不起來,就當應急用吧
作者: superman1024    時間: 2020-1-9 04:48

謝謝分享
作者: dragonhuang    時間: 7 天前 12:12

謝謝分享
作者: jiapinshuizu    時間: 7 天前 12:38

謝謝分享




歡迎光臨 SCLUB免費論壇申請-使用者論壇 (http://www.sclub.com.tw/discuz/) Powered by Discuz! 7.2