如果屏幕宽度低于某个点，我创建了一个媒体查询来缩小div（在这种情况下为#example）填充。请参阅下面的示例。
@media screen and (max-width: 733px) {
#example {
padding-left: 90px;
}
}
此查询在IE 11，Firefox Quantum和Edge中完美运行。但是，当我在Chrome中测试时，我会得到相同的结果，就好像查询不存在一样。
在做了一些研究后，我在我的HTML标题中添加了一个视口条目的轻微变化，目前我在<head></head>的条目是：
<meta name="viewport" content="width=device-width" />
（我也用“width = device-width，initial-scale = 1”没有更好的结果）
最后，我也尝试使用@media only screen而不是@media screen，这也没有用。
对于一些最终细节我的html文件是一个cshtml文件，如果它有所作为（这是一个webapp），我正在通过VS2017社区调试器进行测试。
谢谢！
尝试将此添加到您的CSS：
@media screen and (max-width:733px),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx)
{
#example
{
padding-left: 90px;
}
}
这到HTML文档的<head>部分：
<meta name="viewport" content="width=device-width, maximum-scale=1.0, minimum-scale=1.0, initial-scale=1.0" />
此代码经过测试和运行。如果它对您不起作用，您可能在代码中的其他位置出现问题，可能是您的CSS。在这种情况下，请发布您的网站的链接或添加更多的代码，最好是你的CSS。
您的代码缺少大括号“}”。在正确的代码下面：
@media screen and (max-width: 733px) {
#example {
padding-left: 90px;
}
}