我想改变的css文件取决于如果用户是在移动或桌面上.我找不到任何实际工作的东西,所以我只是try 使用下面的js将用户重定向到一个带有diff css工作表的diff html页面.但我发现这超级低效.有没有人知道我怎样才能使css样式表根据页面中的屏幕宽度属性而改变?
<script type="text/javascript">
<!--
if (screen.width <= 699) {
document.location = "m_index.html";
}
//-->
</script>
<!-- main css -->
<link rel="stylesheet" href="master.css">
<!-- CSS with media query -->
<link rel="stylesheet"
media="screen and (max-width: 360px)"
href="small-screen.css">
<link rel="stylesheet"
media="screen and (min-width: 360px) and (max-width: 550px)"
href="large-screen.css">