CSS - 通过Twitter查看时，Web页面的CSS版本不正确

Question

我最近添加了不同的css文件，用于通过移动设备或桌面设备查看我的网站。下面是用于更改每个设备样式的CSS代码的简短示例：

@media all {
  p{
font-size: 2.5em;
 }

所以，通过我的iPhone，当我通过Safari查看我的网站时，我得到了正确的风格。

Safari视图：

但是当用户通过手机上的Twitter点击我的网站链接时，他们会收到为非移动设备呈现的CSS。

Twitter通过移动视图：

在通过Twitter查看移动网站时，为了将适当的样式应用于我的网页，我可以使用哪些CSS？

Answer 1

经过研究，我发现了答案。将以下内容添加到项目负责人：

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