我有这样的移动样式表:
<link rel='stylesheet' media='only screen and (max-device-width: 480px)' href='css/mobile.css' type='text/css' />
我的主要样式表是这样的:
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen"/>
当我从移动设备访问该页面时,它混合了移动和主要样式表规则。如何使移动样式表专用于移动设备,而主样式表专用于屏幕?
最佳答案
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen"/>
<link rel='stylesheet' media='screen and (max-device-width: 480px)' href='css/mobile.css' type='text/css' />
还要确保你的头脑中有这个:
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
关于css - 移动样式表干扰主样式表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5641158/