Welcome to WebmasterWorld Guest from 18.208.211.150

Forum Moderators: not2easy

Message Too Old, No Replies

RWD problem

Can't get my head around why display doesn't resize

     
8:06 am on Jul 17, 2014 (gmt 0)

Junior Member

5+ Year Member

joined:June 27, 2012
posts: 58
votes: 1


I'm trying to get my website to use RWD for small screen devices. I have a section in my css thus -

@media only screen and (max-device-width: 480px) {
blah, blah, blah
}

which resizes the main div from 768px to 400px.

Other internal divs move around accordingly and it all seems to work in terms of content re-arranging.

However on the display the emulator I'm using (Eclipse AVD) shows the page as narrower than before with the text still the same size. I sort of expected the page to fill the display and thus text be larger and readable.

Somehow I need to resize the content or change the resolution of the emulator to be say 480px so that the new 400px wide page displays large enough to be read.

I know I'm missing something here but I'm not sure what?

Any help greatly appreciated.

John

PS The AVD emaulator is mimicking a Galaxy Nexus 720x1280 xhdpi if that helps.
8:41 am on July 17, 2014 (gmt 0)

Junior Member

5+ Year Member

joined:June 27, 2012
posts: 58
votes: 1


Sorry everyone, just discovered viewport meta.

Panic over .....

Apologies John
8:47 am on July 17, 2014 (gmt 0)

Administrator from GB 

WebmasterWorld Administrator engine is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:May 9, 2000
posts:25900
votes: 870


Glad to hear you solved the problem. :)