问题标签 [font-scaling]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
182 浏览

c# - 图标文件在 Win7 中无效,仅字体缩放到 125%

客户在 Windows 7-64 上将字体放大到 125%。这会导致我们的应用程序因以下错误而崩溃:

System.ArgumentException:参数“图片”必须是可用作图标的图片。

为了追查问题,我将 Visual Studio 加载到运行 Win7-64 Pro 的 VM 上,然后打开我的项目。如果字体设置为正常(100%),一切正常,但是如果我将 Windows 显示字体缩放更改为 125% 并尝试构建项目,我会从编译器收到相同的错误消息!没错,Visual Studio 资源编辑器告诉我图标文件无效,但是当我把字体缩放回 100% 时,一切正常。

据我所知,它是一个有效的 .ico 文件。在 VS 中,我可以双击它(从项目属性的资源选项卡中),它会在图标编辑器中打开。
实现了以下尺寸:

  • 16x16,32 位,BMP
  • 24x24,32 位,BMP
  • 32x32,32 位,BMP
  • 48x48,32 位,BMP
  • 64x64,32 位,BMP
  • 96x96,32 位,BMP
  • 128x128,32 位,BMP
  • 192x192,32 位,BMP
  • 256x256,32 位,BMP
  • 300x300,32 位,BMP

有任何想法吗?

谢谢!

0 投票
1 回答
3714 浏览

css - Bootstrap中基于容器宽度的字体缩放

如何在 Bootstrap 框架中缩放文本块(使用字体缩放)?

如何缩放文本块

列的宽度是主要的困难,因为它是流动的。

0 投票
1 回答
4678 浏览

c# - 如何均匀缩放垂直布局组中的单个 TextMesh Pro 文本对象?

Unity 版本: 5.6.5f1 个人版

TextMesh Pro 版本: 1.0.56.0b3

我正在尝试创建存储在垂直布局组 UI 元素中的动态 TextMesh Pro 文本块。每个文本块都存储在自己的游戏对象中,所有游戏对象都是 Vertical Layout Group 的子对象。所有 TextMesh Pro 对象都使用相同的字体并启用“自动调整大小”标志,以便它们在垂直布局组的范围内缩放。理想情况下,所有文本块在缩放时都应该具有相同的字体大小。查看当前的垂直布局组检查器,其中包含组和子 TextMesh Pro 文本块的层次结构。

垂直布局组检查器

问题是如果一个文本块由两行组成,而另一个文本块由三行组成,那么这两个块将占据垂直布局组的大约一半。但是,第一个块的字体大小将是第二个块的字体大小的 2/3 左右。在实践中,我偶尔也会看到两行文本块跨越三行,字体大小要大得多。有关详细信息,请参阅下面的图片链接。

实践中的输出与期望的结果

这里的目标不是以任何方式修改垂直布局组。内容必须适合组的固定位置和固定大小。为了定义可点击区域,文本块必须是单独的对象。每个区域跨越整个文本块,并将随着文本的变化而调整大小。

可点击区域叠加演示

管理垂直布局组的 Monobehaviour 背后的代码维护一个字符串数组,其中包含所有文本块的上述文本。对此数组的更改(例如添加、编辑和删除)显示为按扩展名对垂直布局组的更改。在这一点上,我非常确定,每当发生更改时,我都需要实现操作文本框的功能,而不是依赖于 TextMesh Pro 的自动调整大小,但在这一点上,我被卡住了。

如何以编程方式或其他方式实现所需的结果,即在添加到垂直布局组的所有文本框中保持相同的字体大小,同时在不同内容的文本框中分配组的空间,以便我用作尽可能多的垂直布局组?

编辑:在这个问题中添加了垂直布局组检查器和对象层次结构作为图像。

0 投票
0 回答
160 浏览

react-native - 当设备字体大小在 Android 中放大时,如何在 React Native Application 中停止缩放快餐栏的字体大小

我在我的应用程序中使用了 React 本机快餐栏来显示后端响应。如果我增加设备字体大小,小吃店消息的字体大小也会增加。我想修复快餐栏文本的字体大小。这是我的代码。

我使用下面的代码来固定<Text>标签的字体大小。但它不适用于小吃店。

有什么建议可以解决这个问题。

0 投票
0 回答
91 浏览

uwp - 从“设置”更改文本大小时,UWP 应用无法正确缩放

我已经像这样设置了标签和文本框的字体大小meyHyperlink.FontSize = 24; 但是,当我尝试从“设置”->“显示”中的“缩放和布局”部分更改文本大小时,它不会正确影响。如果我更改为 175% 并返回 100%,则文本会比其原始加载大小要小得多。

这是什么原因?我该如何解决这个问题?

屏幕截图

加载时间 在此处输入图像描述

125% 在此处输入图像描述

150% 在此处输入图像描述

175% 在此处输入图像描述

100% 在此处输入图像描述

0 投票
1 回答
5985 浏览

react-native - 当应用程序进入前台时,React Native 强制组件刷新

我的应用程序显示一些文本。Component当字体大小通过设置->辅助功能->字体大小更改时,我需要重新渲染a :

在此处输入图像描述

所以基本上这是se序列:

  • 应用程序已打开(前台)。
  • 用户打开电话设置,因此应用程序进入前台(未完全关闭)。
  • 用户通过设置 --> 辅助功能 --> 字体大小更改字体大小。
  • 用户关闭设置并打开应用程序再次进入前台。

此时我需要重新加载应用程序,因为有些Components需要调整。

我正在使用react-native-device-info来获取字体大小const fontScale = DeviceInfo.getFontScale();但在应用程序完全关闭和打开之前,它的值不会更新。

有任何想法吗?

0 投票
1 回答
38 浏览

html - 如果用户的系统字体大小增加,网页会变得太大(即字体大小:Windows 推荐的 150%)

我创建了一个使用 14px 作为正文字体大小的网页。它在我的系统中正确呈现(windows 字体大小设置为 100%),但是当其他人的 windows 字体大小设置为(150%)时 - 按照 Windows 的建议,网页太大(一切都被放大了)。有没有办法调整页面大小(字体比例)或管理页面,以便内容正确显示。

0 投票
1 回答
821 浏览

html - 在 CSS 中使用根元素和 rem 缩放字体

我正在使用<html>标签来定义全局字体大小并使用rem来缩放字体。因为我正在构建一个将包含在许多其他应用程序中的 Web 组件。因此,在<html>标签上定义字体大小会破坏消费者的字体大小。那么如何解决这个问题。

REM 是否有可能计算字体大小而不是从 HTML 标记作为根元素而是 my 的根web-component

我想不在<html>标签上定义基本字体大小,而是在 web 组件上定义......任何其他解决方法也可以。

这是我的字体缩放规则

https://codepen.io/rajkeshwar-the-bold/pen/PMwRGe

0 投票
0 回答
94 浏览

android - 如何防止显示尺寸缩放?

我已经在应用程序中进行了更改,因此字体将通过使用 sp 作为 textsizes 进行缩放,但同时我也想限制显示大小以缩放我的应用程序。作为参考,我使用了这个链接。但是当用户更改分辨率时,它会导致某些三星设备出现问题。例如,如果用户将分辨率更改为 HD+ 屏幕放大,如果用户将分辨率更改为 QWHD+,则显示屏幕缩小。任何帮助都是不言而喻的。谢谢!!

谢谢!!

0 投票
1 回答
59 浏览

winforms - .net winforms 应用程序字体在缩放到 125% 时被修剪

当我将 windows 字体设置为 125% 时,我的 .net winforms 应用程序字体被截断并且我不想要,不确定是否有任何应用程序范围的设置来重新缩放/调整

在此处输入图像描述

**在此处输入图片描述**