場景:微信小程序中添加廣告,能夠是微信廣告和自定義廣告的自適應佈局;
問題:微信廣告在小屏(好比:320)手機上或是設置ad組件父組件寬度小於300px,內容會超出佈局範圍;
截圖效果:
說明:能夠從截圖中看出,微信廣告組件ad都自動添加了行內樣式,並且其樣式的權重都是最高的!imporant;html
解決辦法:
1) 百度的解決辦法是添加樣式:html5
ad { zoom: 0.8; }
百度方法效果截圖:小程序
說明:從截圖的效果能夠看出,如今廣告未超出父元素,可是沒有100%在父元素中撐開;這種方法我用過,我的總結是:當是使用場景寬度小於300px的時候,可使用這種方法。
附:在微信開發者工具中審查元素,元素好像錯位了,不過展現效果正常,這個就忽略吧,微信開發者工具還應該和我同樣,繼續努力啊~微信小程序
2) 個人解決辦法:在微信廣告組件父元素上添加彈性盒子佈局;微信
樣式以下微信開發
.ad-block { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
效果截圖:
說明:從截圖中能夠看出,廣告正常展現。函數
使用ad(微信廣告)須要注意的問題:
一、問題:添加微信廣告的小程序在正式上線後微信廣告不會正常展現,在開發版本和體驗版本微信卻展現正常;
微信社區解釋是:開發者首次提交廣告組件審覈,線上版本的告功能將暫時關閉,咱們會在一個工做日完成廣告組件合規性審覈。
二、問題:添加微信廣告的小程序在正式上線而且經過審查後,若是有除了純展現的其餘需求,好比:須要點擊觀看廣告6秒才能領取獎勵。若是是微信廣告,一天點擊幾回後,微信廣告不會正常展現;
解釋:當前用戶沒有展現廣告多是因爲該用戶當前不適合瀏覽廣告;
解決辦法:經過在ad的廣告發生錯誤的回調binderror能夠作對應的處理。我所接的需求是:當微信廣告展現不出來的時候,就展現自定義廣告,經過binderror這個回調函數就能夠實現這個需求。
注意:廣告加載成功的回調bindload,頁面每次從新渲染而且廣告加載成功的話都會執行這個回調。
附:社區中的官方解釋我暫時沒有找到,後期若是我找到了,再附上連接地址。工具
*隨記:今天是4月7號,清明就剩一天咯。已踏青,已出遊,該靜一下咯。*