我有两个不同的CSS文件： 一种用于PC宽屏和移动横向模式（style.css），以及 另一个适用于狭窄的PC屏幕和移动人像模式（mobileStyle.css）。 问题在于style.css适用于所有PC屏幕尺寸和移动屏幕，而mobileStyle.css完美适用。
<link rel="stylesheet" type="text/css" media="screen and (min-device-width: 320px) and (max-device-width: 500px)" href="mobileStyle.css" />
<link rel="stylesheet" type="text/css" media="screen and (min-device-width: 501px)" href="style.css" />
所以，现在唯一不起作用的地方是我根本无法获得用于PC屏幕的mobileStyle。 如何更改链接的媒体，以便获得最大宽度为501px的pc屏幕的mobileStyle和最小宽度为501px的pc屏幕的style.css？ （实际上尝试编写该代码，并且该代码可以在PC上使用，但随后移动设备无法识别不同的CSS）