responsive design - What type of device is viewing my site? -


hi trying make responsive website, , want find way check whether device viewing page pc, tablet or phone.

so far, solution find variations of this:

# mobile screen , (min-width: 480px)  # tablet screen , (min-width: 768px)   # desktop screen , (min-width: 992px)  # huge screen , (min-width: 1280px)  

correct me if i'm wrong, difference in pixel-density in devices big, can't guarantee anything, , require regular updates based on development of new screens higher pixel-density.

i hoping there function give screens size in real physical inches, or variable call, tell type device is.

the goal have piece of code, never have update, works no matter type of device. i'm language, i'm best @ html, css , javascript.

thank in advance!

you use media-queries: media-queries or try: responsive webdesign via media-queries @ stackoverflow


Comments

Popular posts from this blog

angularjs - Showing an empty as first option in select tag -

qt - Change color of QGraphicsView rubber band -

c++ - Visible files in the "Projects" View of the Qt Creator IDE if using the CMake build system -