如何使用css使iframe高度100%的内容不是基于纵横比？

使用CSS可以通过以下方式使iframe的高度100%的内容不基于纵横比：

1. 设置iframe的父元素的高度为固定值或百分比，例如：

<div style="height: 500px;">
  <iframe src="your-iframe-url" style="height: 100%;"></iframe>
</div>

这样，父元素的高度将固定为500像素，而iframe的高度将自动填满父元素的高度。

1. 使用绝对定位来设置iframe的高度，例如：

<div style="position: relative; padding-bottom: 100%;">
  <iframe src="your-iframe-url" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></iframe>
</div>

通过设置父元素的padding-bottom属性为一个百分比，例如100%，然后将iframe设置为绝对定位，并设置top、left、width和height属性为0，即可使iframe的高度填满父元素。

需要注意的是，以上方法仅适用于在同一个页面中嵌入的iframe，如果需要在不同域名下嵌入iframe，则会受到浏览器的安全策略限制。

关于腾讯云相关产品，目前没有特定的产品与CSS的iframe高度相关。腾讯云提供了丰富的云计算产品和服务，如云服务器、云数据库、云存储等，可以根据具体需求选择适合的产品。更多关于腾讯云产品的信息和介绍，请参考腾讯云官方网站：https://cloud.tencent.com/