Responsive Navigation With Images

I am trying to make a responsive navigation with fixed position in bottom, every li have a different image in it like home, features, tasks and so on..! it is fine on PC and ipad b

Solution 1:

For better display in all type of screens (ie. pc, mobile, ipad, etc) you want to use @media screen please refer the link

Because web-site will not fit to all screens, you want to set diff. properties for diff. screens.