Welcome to WebmasterWorld Guest from 54.159.94.253

Forum Moderators: martinibuster

Message Too Old, No Replies

AMP page widths and media queries.

I'm unclear on how to proceed.

     
4:10 am on Oct 29, 2016 (gmt 0)

Senior Member from US 

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

joined:Feb 25, 2004
posts:994
votes: 47


I'm having trouble comprehending what's needed in terms of the presentation format of my AMP pages.

My site happens to be a Drupal site.
The Drupal AMP project comes with an example theme.

1) In its CSS file, the default value for the width of the an AMP page's content is 620px.

2) The CSS file itself contains absolutely no media queries (as in no adjustments are being made for different screen sizes).

I get that AMP is intended for mobile. But also realize that an AMP page could be viewed on any type of device. So I don't understand what I'm supposed to do.

Am I supposed to be creating a format that adjusts to different screen sizes, like I would with a normal responsive site?

Or is there something else that's going on here with AMP that I don't have a comprehension of that somehow just automatically takes care of this issue for me?

1) Does setting a max-width down around 620px make a good plan, or should it be wider as I have done with the responsive version of this website?

2) Am I supposed to be using media query breakpoints for different sized screens?
8:43 pm on Nov 1, 2016 (gmt 0)

Senior Member from US 

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

joined:Feb 25, 2004
posts:994
votes: 47


I guess I get this now.
With a responsive site and media queries I wasn't setting a page width, just declaring how certain elements are formated on pages lying within those widths.
With AMP, right now I'm under the impression that much of the sizing of elements is handled by the AMP "responsive" attribute or CSS max-width, thus a set of media query break points isn't need.
 

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members