Question

我正在与Tumblr建立网站。当我从手机查看网站时，代码iframe.hidden {display：none}显示在左上角。我无法在代码中的任何位置找到iframe.hidden {display：none}。是因为Tumblr如何呈现代码或可能在他们的结尾？下面是我正在谈论的图像。（https://i.stack.imgur.com/HX9ek.png）

Answer 1

我发现您的网页编码不正确。当我打开时，https://raffalaw.tumblr.com/。

见下面正文标记：

您在<link>标记中添加了不同的<body>样式。建议不要在styling标记中放置<link>和<body>标记。请参阅：What's the difference if I put css file inside <head> or <body>?。

显然，它打破了你实际代码中的某个地方。如果您能显示实际代码的片段，我将不胜感激。

Answer 2

所以我继续在http://testobject.com/的移动设备模拟器中提取您的网站，您也可以免费使用它。然后我打开浏览器的开发工具，直接在body标签下看到你的网页是以下行

figure{margin:0}.tmblr-iframe{position:absolute}.tmblr-iframe.hide{display:none}

我不是一个大的tumblr用户，几乎根本不使用它，但我根据查看头部分的猜测，无论你在自定义css中粘贴哪个css的行都没有正确输入，这导致它没有被选为css而是显示为纯文本。我会先从那里开始，希望这会有所帮助。

Answer 3

答案是头部没有关闭的元标记。我在末尾添加了括号，神秘的代码消失了。 https://trentonerker.tumblr.com/post/155377765774/how-to-fix

为什么＆＃34; iframe.hidden {display：none}＆＃34;在移动设备上查看网站时，会出现在导航栏下吗？

3 个答案: