要实现“百分比和视口高度/宽度在与格式化文本的比例关系中没有调整”的效果,可以使用以下代码示例:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi.
在上述代码示例中,我们创建了一个名为container
的div容器,它的宽度设置为100%,高度设置为100vh(视口高度的百分比)。然后,我们在这个容器内创建了一个名为content
的div,它的字体大小设置为calc(2vw + 2vh)
。这样,content
的字体大小将根据视口的宽度和高度动态调整,并保持与宽度和高度的比例关系不变。
你可以根据自己的需求调整calc
函数中的参数,以满足你对比例关系的具体要求。