如何使这个代码在博客的移动视图中工作？

Question

从桌面浏览器查看时，此条件代码效果很好，但我希望这也可以作为移动网站使用。请提出所需的任何修改建议。

</b:skin>下方的步骤1粘贴了以下代码 -

<b:if cond='data:blog.url !=
&quot;http://yourblog.blogspot.com/search/label/Label&quot;'>
<style>
#Gadgetid{
display: none;
}
</style>
</b:if>

在<b:loop values='data:post.labels' var='label'>下面的步骤2粘贴了以下代码：

<b:if cond='data:blog.pageType != &quot;index&quot;'>
<b:if cond='data:label.name == &quot;Label&quot;'>
<style>
#gadgetid{
display: block !important;
}
</style>
</b:if>
</b:if>

Answer 1

您应该使用@media查询在移动网站上添加或删除任何内容。媒体查询允许您在任何特定设备或屏幕维度上完全自定义网站。

http://stephen.io/mediaqueries/