选项卡栏高度显示为正常高度的2倍

，可能是由于以下原因之一：

1. CSS样式问题：检查选项卡栏的CSS样式，特别是高度属性是否被设置为2倍的值。可以通过浏览器的开发者工具检查元素样式来确认。
2. 布局问题：检查选项卡栏所在的布局容器是否存在问题，可能是容器的高度设置不正确导致选项卡栏显示异常。可以通过检查布局容器的CSS样式或者使用浏览器的开发者工具来查看布局情况。
3. JavaScript问题：如果选项卡栏是通过JavaScript动态生成或者控制的，可能是JavaScript代码中存在问题导致高度显示异常。可以检查相关的JavaScript代码逻辑，特别是涉及到选项卡栏高度的部分。

针对以上问题，可以尝试以下解决方案：

1. 检查CSS样式：确认选项卡栏的高度属性是否正确设置，如果有错误则进行修正。可以参考腾讯云的CSS样式指南（链接地址：https://cloud.tencent.com/document/product/215/3030）来了解如何正确设置CSS样式。
2. 检查布局容器：确认选项卡栏所在的布局容器的高度设置是否正确，可以根据需要进行调整。腾讯云提供了一些布局容器的解决方案，例如Flex布局（链接地址：https://cloud.tencent.com/document/product/215/15747）和Grid布局（链接地址：https://cloud.tencent.com/document/product/215/15748），可以参考这些方案进行布局调整。
3. 检查JavaScript代码：如果选项卡栏是通过JavaScript控制的，检查相关的JavaScript代码逻辑是否正确。可以参考腾讯云的JavaScript开发指南（链接地址：https://cloud.tencent.com/document/product/215/3031）来了解如何正确编写JavaScript代码。

总结起来，选项卡栏高度显示为正常高度的2倍可能是由于CSS样式、布局容器或JavaScript代码的问题导致的。通过检查和修正这些问题，可以解决选项卡栏高度显示异常的情况。