简体   繁体   中英

Responsive design in Internet Explorer

I have build a site with responsive design. Everything is normal in Chrome, Mozilla Firefox, Opera but Internet Explorer (version 10,11 also) shows tablet version in desktop PC. How can I force IE to use desktop version? Thank you in advance. Media queries are as following:

@media only screen and (min-width: 481px) {}\\ for Tablet
@media only screen and (min-width: 769px) {} \\for Desktop PC

The following code loads mystyles.css in all browsers and loads complex.css only in Internet Explorer 8:

<link rel="stylesheet" media="screen and (min-width:600px)" href="mystyles.css" />

<!--[if (IE 8)]>
<link rel="stylesheet" media="screen" href="complex.css" title="complex layout" />
<![endif]-->

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM