Hello All,
I am designing a webpage in which, I am facing a major issue. When I minimize by drag my browser to a smaller size, the header elements starts to overlap on each other.
Though I have designed the header as fluid method but I want to make the elements static after the browser width has been dragged to certain width. Say my be after after 800px such that the webpage can be viewed properly in all the display devices such as ipad, laptop, computer etc.
I appreciate your effort but as the site is still in development phase so cannot include the link. Well I just figure out that min-width and max-width is solution to the issue, the only doubt I do have at the moment is whether it is supported equally by all the browsers or not.
Hello All, I am designing a webpage in which, I am facing a major issue. When I minimize by drag my browser to a smaller size, the header elements starts to overlap on each other. Though I have designed the header as fluid method but I want to make the elements static after the browser width has been dragged to certain width. Say my be after after 800px such that the webpage can be viewed properly in all the display devices such as ipad, laptop, computer etc.
Help Required Peace//
Please include a link to the site so we can have a look in order to help out.
I appreciate your effort but as the site is still in development phase so cannot include the link. Well I just figure out that min-width and max-width is solution to the issue, the only doubt I do have at the moment is whether it is supported equally by all the browsers or not.
if u r goin 2 use single style sheet 4 all kind of devices...
try
dis ll resize ur page as per d device width
refer dis page
https://developer.mozilla.org/en-US/docs/Mobile/Viewport_meta_tag
word