我已经制作了一个网站。我想制作一个移动版本。我基本上想将一个表从主站点导入到移动站点。我想从覆盖该表的主站点获取CSS代码，然后在我的CSS文件中输入移动站点（我已经将HTML代码放入移动站点）。问题是，当我这样做时，它开始覆盖当前的CSS文件并更改设计。
请帮助!!
答案 0 :(得分：0)
您需要使用媒体查询。这是一个css3函数。 在html的顶部，您需要输入以下内容：
<meta name="viewport" content="width=device-width" />
然后，在你的CSS中，你会做这样的事情：
@media only screen and (max-width : 320px) {
/* Styles */
}
这是常用媒体查询的参考站点。 http://css-tricks.com/snippets/css/media-queries-for-standard-devices/
您基本上需要为要优化的每个尺寸设备执行此操作。 此外，如果您有其中的几个，最终可能会得到一个非常大的css文件。 这可能会阻碍下载速度，特别是在手机上。在这种情况下，创建 分离较小的css文件并在html中使用条件语句来指定 哪个css要打电话。在这种情况下，你需要在你的html中使用这样的东西：
<link rel="stylesheet" type="text/css" media="only screen and (max-width: 480px), only screen and (max-device-width: 480px)" href="/assets/css/small-device.css" />