Forum Moderators: martinibuster

Message Too Old, No Replies

CSS zoom does not influence AdSense ads

my responsive design zoms the page

         

jetteroheller

5:16 pm on Apr 19, 2015 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



Just implemented responsive design for mobiles. I make by CSS 2 different layout

* small layout for mobiles zoomed to the width of the screen
* standard layout

The only problem, the mobile shows for example a 480 pixel with screen, I zoom this to put the 670 pixel width layout into it,
and the AdSense ad remains with zoom 100%.

Any idea to handle the problem?

webcentric

8:06 pm on Apr 19, 2015 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



Not sure what you're trying to accomplish here. Not sure if you're using responsive ads or fixed width ads. I'm also not sure what you mean by "zoom' unless you're referring to css zoom-ing. If you're trying to make the ad smaller by scaling it the way you would an image, I doubt it will work with responsive ads because they are designed to fill a space (with a full size ad of whatever size will fill the space), not scale the ad proportional to available space. Ads aren't reduced in size the way an image might be reduced from 200 pixels wide down to 100 pixels wide. It's not the same as resizing an image. At least from my experience. It's about fitting a full sized ad into the available space.

Also, even Adsense responsive ads don't change size once loaded on the page. You can change screen orientation or viewport size and the loaded ad will stay the same size. Only reloading the page can cause the script to re-evaluate the available space and give you a new ad size if one is appropriate.

jetteroheller

8:51 pm on Apr 19, 2015 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



It's all fixed size ads.

The CSS zoom is for the BODY. So the whole page should be scaled by the zoom.