Meta のモバイル端末における CodeFund 広告のレイアウト不具合

bartv · 2019 年 7 月 18 日午後 2:07

こんにちは、

メタ（iPhone 8、Safari）の CodeFund 社内広告で、以下の問題に気づきました：

neil · 2019 年 7 月 18 日午後 3:20

CSS がそこに幅をハードコードしているようです。

assets/stylesheets/adplugin.scss

main


      
            display: block;
            line-height: 1;
          }
          
          .carbon-text {
            display: block;
            float: left;
            max-width: calc(100% - 130px - 1em);
            text-align: left;
            color: var(--primary-med-or-secondary-med);
          }
          
          .carbon-poweredby {
            position: absolute;
            right: 0; // You can also set the position to the "left" with the value of calc(130px + carbon-text’s font size). If the font-size is 12px, you’ll want to set the left value as 142px. It’ll align the .carbon-text with .carbon-poweredby
            bottom: 0;
            display: block;
            font-size: 0.8em;
            text-transform: uppercase;
            line-height: 1;
            letter-spacing: 1px;

neil · 2019 年 7 月 18 日午後 5:43

修正しました！

トピック		返信	表示
House Ads affecting mobile dimensions Support advertising	0	46	2024 年 11 月 15 日
Site not responsive in tablet Bug advertising , sidebar	17	666	2022 年 10 月 10 日
AdSense Responsive Ads Support advertising	31	10664	2020 年 8 月 5 日
Discourse Advertising Plugin 【Mobile display bugs】 Support advertising	3	198	2024 年 5 月 7 日
[PAID] Make House Ads Responsive Marketplace	6	1628	2019 年 10 月 18 日

Meta のモバイル端末における CodeFund 広告のレイアウト不具合

関連トピック