在不破坏设计的情况下，将CSS文件的一部分输入到另一个CSS文件中

我已经建立了一个网站。我想做一个手机版的。我基本上希望将一个表从主站点导入移动站点。我想从覆盖表格的主站点获取CSS代码，然后输入移动站点的CSS文件（我已经将HTML代码放入移动站点）。问题是，当我这样做时，它开始覆盖当前CSS文件并更改设计

---

请帮帮我

您需要使用媒体查询。这是一个css3函数。 在html的顶部，您需要放置以下内容：

<meta name="viewport" content="width=device-width" />

这是常用媒体查询的参考网站。

基本上，您需要为每种尺寸的设备进行优化。 另外，如果你有几个这样的文件，你可能会得到一个非常大的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" />

我们需要一些更具体的信息。您正在使用媒体查询吗？这个问题有一个很好的答案，可能会对你有所帮助：不，我没有使用媒体查询。直到刚才我才听说过他们。我只想得到一个包含从我的主站点到我的移动站点的链接的表…好的，谢谢。但是我不明白这将如何允许我将表格从我的主站点输入到我的移动站点。好吧，那么我不明白你在问什么。您能提供一些代码或比OP更具描述性的东西吗？设计响应性网站的最佳实践不是使用单独的html文件，而是使用一个仅使用css调整的html文件。理想情况下，你应该从你的移动站点开始——因为这是最基本的版本——并且你应该只在设备越来越大的时候使用css来改进站点。如果这样做，就不需要导入表。你只需要重新格式化它。还有一些想法-如果你使用php，你可以创建一个include。如果您使用的是html，那么您可以使用iframe，尽管它们不再那么常见了。我不知道人们为什么不用它们。哦，好的。看，我所做的是创建不同的站点。。。它们都来自模板。我这样做是因为其中一个在移动设备上比另一个看起来更好，所以我有点需要单独的站点。我可以给你看什么代码？

<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" />