media queries in CSS

Question

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?

deepa ashwi · Answer

ok i will modify the media queries as said.

deepa ashwi · Answer

Hai Thanks for helping me here i have attached the html page .

Sunny Sharma · Answer

Also 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 Sharma · Answer

Hi Deepa 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 ashwi · Answer

ok...here i have attached it.

Sunny Sharma · Answer

Hi Deepa I don't see any attachment here please re-attach and post it.

deepa ashwi · Answer

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? here i have attached the CSS file

Sunny Sharma · Answer

ok show me your css.