gpt4 book ai didi

css - 具有恒定像素字体大小的响应式文本大小?

转载 作者:太空宇宙 更新时间:2023-11-04 10:51:16 25 4
gpt4 key购买 nike

在像 https://www.gofundme.com/ 的移动版这样的网站上,文本大小是响应式的,但事件 font-size 保持恒定值,如 34px。

Here's the same view on different screen sizes.

当我更改窗口大小时,站点文本的大小与屏幕大小保持成比例。当屏幕为 500px 时出现在第二行的单词仍然在第二行,即使屏幕宽度完全不同(200px 与 2000px)。从最后一个字母到屏幕右边缘的相对距离在所有屏幕尺寸上都是相同的。

因为 font-size 以像素为单位,我希望单词位置取决于屏幕大小,但在 gofundme.com 上似乎并非如此。

这是怎么做到的?

最佳答案

我认为这是由于 <head> 中指定的固定视口(viewport)大小所致:

<meta name="viewport" content="width=640, user-scalable=no">

这会导致整个页面缩放以适应设备(保持 640 像素宽视口(viewport)的比例),而不是调整和移动单个内容元素。

关于css - 具有恒定像素字体大小的响应式文本大小?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34984823/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com