我正在尝试弄清这里发生的情况，因为我认为下面的代码是正确的。这在我的Codepen链接上也是正确的：https://codepen.io/anon/pen/ZdqyLp
每当我在创建新的eBay列表时将代码作为HTML放置时，该代码就可以在eBay的桌面预览中正常运行，但不能在适合移动设备的检查器预览中正常运行。我想知道在这种情况下视口meta标记是否有错误。
下面的代码可以正常工作：
<meta content="width=device-width,initial-scale=1" name="viewport">
<style>
</style>
<div id="main-body">
<p>Some dummy text</p>
</div>
但是下面没有：
<meta content="width=device-width,initial-scale=1" name="viewport">
<style>
#test{}
</style>
<div id="main-body">
<p>Some dummy text</p>
</div>
唯一的区别是样式标签内有一个选择器-但是为什么会导致视图在手机上中断？当然我不会发疯：）
当我说它不起作用时，是指适合移动设备的检查器显示为空白。您只需启动一个新的eBay清单并将代码放在HTML视图中就可以轻松地看到这一点。
内联样式似乎可以使用，但是显然不能响应。任何人都可以在这里提供一些见解和解决方案吗？感谢您的帮助。
哦，出于某些奇怪的原因，此代码有效！
<meta content="width=device-width,initial-scale=1" name="viewport">
<style>body{background:red}</style>
<div id="main-body">
<p>Some dummy text</p>
</div>
这不会为背景设置红色样式，而是显示虚拟文本而不是空白：
<meta content="width=device-width,initial-scale=1" name="viewport">
<style>
body{background:red}
</style>
<div id="main-body">
<p>Some dummy text</p>
</div>