What is Simple Responsive CSS

Simple Responsive CSS is a jQuery plugin. Using this plugin you can make your site responsive without Media Queries.

Usually we have to write multiple lines for a class in Media Queries CSS and it has a different effect for each resolution. The process is a bit complicated. This plugin helps you simplify the process. You can use this plugin even if you already have media queries.

Please check Examples 1 and Examples 2 for further understanding

If you have any questions, please feel free to Contact me

Thank you

Features

1. Write responsive CSS without using media queries

2. Using this jQuery plugin, we can easily create a responsive website

3. Useful for HTML beginner and useful for creating admin templates

4. Customizable mode setting

5. Responsive Grid, Navigation, Forms and other Examples 1 with details

6. Easy to use and easy Integration

7. Compatible with all major browsers

8. Full support and complete documentation

Instruction

1. You can change the mode setting by editing ResponsiveOption e.g.{ "class_name":"_xyz", "higher":1000, "lower":1200}

$(document).responsiveCSS({
  'ResponsiveOption' :
    [
      { "class_name":"_desktop", "higher":1024, "lower":9999 },
      { "class_name":"_tablet", "higher":641, "lower":1024 },
      { "class_name":"_mobile", "higher":0, "lower":641 }
    ]
});

2. The two methods do not work together.

<div class="classname_desktop_off classname_tablet">.....</div>
<div class="classname_tablet_off classname_desktop">.....</div>
<div class="classname_mobile_off classname_desktop">.....</div>