search

wonderfan / javascript

Explore the power of HTML,CSS and JavaScript
1 stars 0 forks source link

The best practice of response design #16

Closed wonderfan closed 9 years ago

wonderfan commented 9 years ago

For IE browser, we need to add js and make it support media query:

<meta name="viewport" content="width=device-width, initial-scale=1">
<!--[if lte IE 8]>

<link rel="stylesheet" type="text/css" href="styles/ie876fix.css" />

<script type="text/javascript" src="/scripts/ie/respond.min.js"></script>

<![endif]-->
wonderfan commented 9 years ago

create app.css for desktop device

wonderfan commented 9 years ago

create mobile.css for mobile device.

wonderfan commented 9 years ago 
        <!--[if IE 8]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
        <![endif]-->
wonderfan commented 9 years ago

Bootstrap is the most popular HTML, CSS, and JavaScript framework for responsive web design.

Bootstrap helps you develop sites that look nice at any size; screen, laptop, tablet, or phone