18910140161

HTML-两个部分的意外效果是:在FF中更改设备后立即目标-堆栈溢出

顺晟科技

2022-10-18 14:15:06

98

我开发了这样的简化形状的页面:

<代码><;HTML(>;)<;头>;<;/头>;<;身体>;<;资产净值>;<;/资产净值>;<;主要>;<;部分ID=";简介";>;<;/部分>;<;部分ID=";关于我";>;<;/部分>;<;a href=";#介绍";>;<;span类=";三角形__更多";>;<;IMG SRC=";./assets/up-arrow.SVG";alt=";向上箭头";/>;<;/span>;<;/a>;<;/main>;<;身体>;<;/HTML>;

使用CSS:

<代码>.节{@include clearfix();最小高度:100VH;宽度:100%;位置:相对;显示:无;&;:目标{显示:块;}

问题是,如果我这样做:

    在真实笔记本电脑上使用笔记本电脑
  1. 打开页面使用菜单将
  2. 部分更改为#AboutMe(此处无菜单详细信息)
  3. 将Inspector中的
  4. 设备更改为任何小屏幕设备
  5. 部分更改为#Introduction,链接位于底部

我激活了两个部分(显示),而不仅仅是#介绍(我的预期结果是什么)。我还注意到,只改变屏幕大小或方向(而不是设备)不会导致这种不受欢迎的效果。有没有人能给我解释一下为什么会发生这种情况(这纯粹是FF检查员的问题)?以及我在现实生活中使用该代码是否感到安全(在会话期间没有人更改设备)。


顺晟科技:

好的,最后,我认为这是火狐控制台的错误。我用别的浏览器查过了,还可以。此外,当我只通过数字改变视口宽度时,是可以的。只有当我切换设备时才会发生这种情况。希望这在现实生活中很不寻常。

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航