在移动时排除部分CSS

我想在PC上显示我的网站时使用一些CSS来解决布局问题。我发现了一个非常简单的解决方案，但是现在，在移动设备上可视化页面时，元素并不在正确的位置。如果我在网站上插入的CSS只适用于在PC上显示页面的情况，那就太好了。在移动时排除部分CSS

任何一种解决方案？谢谢！

了解@media查询。 :-) –

你的意思是不同的屏幕尺寸或手机/电脑的屏幕？如果您指的是屏幕尺寸，那么媒体查询可以让您获得结果，否则为了区分PC和移动访问者，您需要查看用户代理。对于用户代理，我有一个PHP类来获得所需的结果。 – Rehmat

如果你想这样做，你应该了解媒体查询：

@media screen and (min-width: 480px) { 
    body { 
     // styles for 480px or larger screens 
    } 
}

百科：

媒体查询是一个CSS3模块允许内容呈现，以适应条件，如屏幕分辨率（例如智能手机屏幕与电脑屏幕）。它于2012年6月成为W3C推荐标准，，是响应式网页设计的基石技术。

2015-08-30 08:31:50

要创建只应用于特定大小屏幕的CSS部分，您可以使用media queries。例如：

/* Regular site styles */ 
@media only screen and (max-width: 600px) { 
    /* Change styles to work for small screens */ 
}

你也很可能希望把下面的你<head>元素，使缩放工作在移动站点预期：

<meta name="viewport" content="width=device-width, initial-scale=1.0">

我建议你阅读this article有关视口元标记的更多详细信息。

2015-08-30 08:32:53

对于任何路过的人，请随时挑选我的[个人网站]（http://parkerhoyes.com/）的源代码作为一个简单的例子，提供它在阅读时仍然存在。通过例子学习可以非常有效=） –

回答