html - CSS screen resolution adaption with browser's "zoom", "moz-zoom", etc -


while searching easy way make menu (http://www.ck-game.com/newindex.html) fit screen size stumbled on possibility of using browser's zoom functionalities (zoom, moz-zoom, etc.). imagine it's easier using "em", "%" , media queries make elastic layout, more because have background-images need keep aspect ratio. there speaks against using besides wanting zoom in/out , menu adjust it?

edit: proof of concept: http://www.ck-game.com/newindex.html please try different viewports , see how adapts :) tested in ie9, latest ff , latest chrome. works on android devices, breaks on ios devices.


Comments

Popular posts from this blog

Winapi c++: DialogBox hangs when breaking a loop -

vb.net - Font adding using PDFsharp -

javascript - jQuery iScroll clickable list elements while retaining scroll? -