相关疑难解决方法(0)

我想用JavaScript来计算字符串的宽度.这是否可以在不使用等宽字体的情况下实现？

如果它不是内置的,我唯一的想法是为每个字符创建一个宽度表,但这是非常不合理的,特别是支持Unicode和不同的类型大小(以及所有浏览器).

我正在尝试使用bootstrap构建响应式布局,目前正在使用font-size定义一些标题:3em;

但是当布局缩小时,这太大了.我如何能够相应地减小文本的大小？

我正在使用HTML和CSS构建一个针对桌面,平板电脑和手机的响应式应用程序,但我不确定我应该使用哪种单位字体大小适合任何大小的屏幕.em,px,pt和百分比有什么区别？对我来说最好的选择是什么？

我想在台式机,平板电脑和手机的响应式应用中听到有关它的真实体验

我会感谢任何帮助!

我有一个div内的跨度,div必须保持200px宽,文本必须适合div中的一行.跨度中的文本是动态生成的,因此我不可能知道哪些内容会中断到新行,哪些内容不会.

<div style="width:200px">
  <span style="font-size:12px;">This sentence is too large to fit within the div.</span>
</div>

如果我使用CSS属性white-space:nowrap;,单词将溢出到div的外部,这当然是我们不想要的.

如何根据线路是否中断减少字体大小(或缩放)？我更喜欢CSS答案,但我理解这是否超出了CSS的能力.

我有一个响应式 Bootstrap 页面，其中包含包含文本的固定大小的 div。为了避免文本在改变大小时溢出 div，我将此解决方案与媒体查询一起使用来更改默认字体大小。

然而，$font-size-baseBootstrap sass 变量中的变量仍然是根据像素定义的，因此使用它的东西不遵守这种缩放比例。我尝试将 font-size-base 更改为1em，但这会导致Incompatible units: 'px' and 'em'.

我基本上可以覆盖自定义 sass 文件中需要可变的字体大小，但这似乎是一种笨拙的方法。有没有一种更简洁的方法可以让 Bootstrap 使用 em 作为字体大小，以便它根据我的媒体查询而改变？

我有一个在Android和IOS上运行的应用程序.
该应用程序有一些WebView组件显示HTML
从我发现有"em"和" viewport "单位以及css中的"@media".

我是HTML5和CSS3的新手,有人可以向我展示移动设备响应字体大小的示例.
对我来说最重要的是在手机和平​​板电脑之间有不同的字体大小,但在不同屏幕尺寸的移动设备之间(用于纵向和横向).

编辑:

WebView组件不是全屏,它们的大小与文本框相同,大小是动态的.

我想在指定的位置换行。

在德国，有时会出现由几个名词组成的很长的单词。如果单词太长并且需要自动换行，我想在两个单词的边界处换行这么长的单词。

例如，我们有“Unternehmenskunden”这个词，意思是企业（Unternehmens）客户（Kunde）。我希望这个词能分解为“Unternehmens”和“kunde”。我尝试将两个单词部分包装到自己的跨度中，但这并没有影响包装。CSS 类word-break没有word-wrap任何价值。

我尝试将一个空间包裹到它自己的跨度中，然后使用 删除它display: none或使用 缩小它width: 0;

是否可能有某种隐藏字符标记断词但不

这是一个小提琴，可以帮助说明我试图实现的目标以及迄今为止我尝试过的内容： https: //jsfiddle.net/nbk9ptay/3/

我有一个包含 3 个字符的 HTML 文本字段。如果用户输入 4 个字符，我希望缩小字体大小以适合四个字符。

Acrobat 对于表单具有这种行为。我想要 HTML 中的这种行为。

也就是说，如果我有一个包含 3 个字符的文本字段：

用户输入 4，我希望文本缩小：