css - Display Mobile Compatible when it's on mobile -


please allow me ask silly question google's site(google.com). have tested site computer browsers , smartphone browsers. okay! here question have, when time make computer browser small screen, layout of google's site not fit in mobile friendly layout. but, become mobile friendly layout when it's on mobile screen. but, url still same http://www.google.com.

i have tried other site, other site using 301 redirect when mobile screen detected , url transferring mobile url. curios how can google this(change mobile friendly web layout on mobile screen keep same url). keep thinking question until can't sleep well. there here know trick google use?

this using media queries:

@media screen    , (min-device-width: 320px)    , (max-device-width: 480px)   , (-webkit-min-device-pixel-ratio: 2) {  } 

check link more details

is css style when website on mobile, example want div not shown on mobile device can this:

@media screen        , (max-width: 480px) {     .yourdiv{display:none;}     } 

check example


Comments

Popular posts from this blog

javascript - gulp-nodemon - nodejs restart after file change - Error: listen EADDRINUSE events.js:85 -

Fatal Python error: Py_Initialize: unable to load the file system codec. ImportError: No module named 'encodings' -

javascript - oscilloscope of speaker input stops rendering after a few seconds -