Hai,
I am using media queries in CSS , to view webpages in mobile but whats happening for me is when i reduce width to view in mobile view ,its getting changed in desktop screen also(i.e.,the width getting reduced in desktop screen also but width should not get reduced for desktop screen rite it should happen only in mobile view..where is the problem...can anyone help me?
Loading
deepa ashwiPosted Oct 11, 2013, 8:31 AM
deepa ashwiPosted Oct 11, 2013, 8:29 AM
Thanks for helping me here i have attached the html page .
Sunny SharmaPosted Oct 11, 2013, 8:22 AM
I don;t see any handheld keyword included for mobile devices. Modify your media queries css to read like:
@media handheld { /* rules for handheld devices */ } // add "handheld" keyword so that it can check if It's a desktop browser or a handheld.
Hope it helps :)
Sunny SharmaPosted Oct 11, 2013, 8:18 AM
got the attachment but it contains only the CSS file only. It looks good. please share the respective HTML page also so that I can check it.
deepa ashwiPosted Oct 11, 2013, 7:12 AM
Sunny SharmaPosted Oct 11, 2013, 7:04 AM
I don't see any attachment here, please re-attach and post it.
deepa ashwiPosted Oct 11, 2013, 6:57 AM
I am using media queries in CSS , to view webpages in mobile but whats happening for me is when i reduce width to view in mobile view ,its getting changed in desktop screen also(i.e.,the width getting reduced in desktop screen also but width should not get reduced for desktop screen rite it should happen only in mobile view..where is the problem...can anyone help me?
here i have attached the CSS file
Sunny SharmaPosted Oct 11, 2013, 5:52 AM