I want help for make my website responsive using HTML,CSS and JS.

Question

please any one tell me how can i make my website responsive using html, css and java script like combining menu according to screen size.
i want the simplest way not the complex one.

Answer 1

hello neeraj ,
the first simple way to make website responsive use bootstrap.
bootstrap is very simple to learn may be you take 1 hour to learn bootstrap almost completely.

and the another way you can adjust screen size using media query.

i hope you got it

Answer 2

The easiest way would be to use media queries within the style sheet. For example,

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {

}

This will look for a device with a specific orientation and width. You can then copy specific classes into this area and adjust the fitting. This is the fastest method of controlling a mobile site without JS and changing your code about.

In regards to making your site general responsive then you could still use media queries like below.

@media(max-width: 733px) and (min-width: 208px){}

Also think about building your initial site with percentages so when the user shrinks the browser down it simple adjusts the widths of elements on the page.

Hope this helps you out somewhat.