我的网站有大屏幕（桌面/笔记本电脑）样式表和移动/手持式样式表。 两个样式表的head部分中的代码如下所示：
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2.0, user-scalable=yes" />
<!-- Big screen -->
<link rel="stylesheet" type="text/css" href="styles.css" media="screen and (min-device-width: 800px)" />
<!-- Mobile -->
<link rel="stylesheet" type="text/css" href="mobile-styles.css" media="only screen and (max-device-width: 480px)" />
<!--[if IEMobile]>
<link rel="stylesheet" type="text/css" href="mobile-styles.css" media="screen" />
<![endif]-->
当我在手机上加载网站时，移动样式表完美加载，网站看起来很棒。与桌面/笔记本电脑上的大屏幕样式表相同。我想在移动网站底部添加一个链接，以查看完整网站。这很常见，我已经看到很多使用php，jquery等的解决方案来切换样式表。
问题在于我尝试了其中几种解决方案，虽然每种解决方案都可以加载桌面样式表而不是移动设备，但它从未正确显示。有时，桌面网站会加载一些元素丢失，或超出规模，或者不像正常那样缩小。有时几乎看起来好像两个样式表的部分都在加载。呃......
我是否对我上面的样式表的链接进行了编码？我是否需要添加第三个样式表作为＆＃34;查看完整网站＆＃34;样式表并切换到它？如何干净利落地将手持设备上的完整网站显示正确并正确缩小？我觉得我错过了一些非常明显的东西。
答案 0 :(得分：0)