在我的一个项目中，我使用Chart.JS进行一些与图形相关的工作。其中我对图例、记号、scaleLabel和工具提示使用不同的字体大小。在大型设备上一切正常，但当我在移动设备上测试图形时，问题就出现了。字体大小变得太大。所以我的计划是使用两种不同的字体大小来解决这个问题。 但是，我没有在chart.js中找到任何选项来使用多种字体大小，或者没有选项来使用px以外的任何其他单位。 有人能帮我解决如何为chart.js调整不同设备上的字体大小吗？
浏览 16提问于2021-01-11得票数 0
环境: MathJax 1.1
我们修改了default.js中的样式元素，以修改一些显示设置。正如您在下面看到的，字体大小已经设置为50%，这使得MathJax在火狐浏览器中正确呈现( 50%)，但在Chrome中字体大小要高得多。
如果我们删除字体大小，它会在Chrome中出现，但在Firefox中会显示得更小。
什么是正确的方式来管理字体大小，使它在所有浏览器上正确显示？
向MathJax添加自定义更改(如下面给出的更改)的首选机制是什么，这样我们就不会在将来的升级中中断太多。
/允许您更改控制菜单//外观的CSS。有关默认设置的详细信息//，请参见扩展名/MathMen
浏览 6提问于2011-04-18得票数 4
2回答
假设我的页面中有一个框：
<div id="test" style="width:200px; height:200px; background:yellow">
this is a test
</div>
我只在我的页面中包含了"jquery-1.6.2.min.js“
然后我想改变字体大小，所以我使用
$('#test').animate({ fontSize: "10em"}, "slow");
然后我想更改我写的“background-color
浏览 2提问于2011-10-18得票数 0
我希望summernote返回的字体大小为PT而不是PX。任何想法。我曾尝试编辑summernote.js，但找不到指定默认字体大小列表的位置。
浏览 11提问于2016-08-12得票数 2
1回答
如何为CKEditor指定默认字体大小。我试图更改contents.css (body ->字体大小)，而我尝试更改config.js (config.fontSize_defaultLabel)，但没有成功。有人知道我该去哪找吗？
浏览 5提问于2010-07-13得票数 1
我有一个简单的网页，其中打开的html标签有一个属性font-size:60% !important设置在css文件中。
<html>
<head>
... some js and css ...
</head>
<body>
... header ...
... content ... <-- need to replace that by new content
... footer ...
</body>
</html>
一切都渲染得很好(页眉/内容/页脚)。
我还有另一个文件，我已经将内容放在这个网页上(基于
浏览 9提问于2020-11-17得票数 0
我可以编写JS代码来设置字体大小，但我想写一个函数来增加当前的字体大小。例如，它将字体大小设置为当前大小+ 1em。有可能吗？
浏览 33提问于2020-05-08得票数 1
回答已采纳
我正在建立一个windows商店的应用程序，有一个默认的css和该css的默认字体大小。我允许用户从设置屏幕自定义字体大小，该首选项存储在本地设置中。如何更新我的应用程序以反映新的字体大小？有没有什么当前的模式？这是一个Html5/js应用程序。我可以简单地从change事件中重新加载CSS值吗？
浏览 1提问于2013-01-10得票数 0
回答已采纳
1回答
我即将开始建立一个网站。该设计的内容格式坐在后面，你点击它会把它带到前面。以堆栈顺序。设计采用
基本概念是遵循jQuery环行交叉口的想法。Buuuuuuuuut我遇到的问题是，当HTML被添加到每个框中时，当它移动到后面时，它不能正确缩放。它保持大小不变。理想情况下，我希望它的规模与之匹配，但没有太多的外观。
你有什么建议吗?我该怎么做？我的例子是
代码也在这里：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/
浏览 2提问于2011-03-07得票数 1
回答已采纳
我是新手使用jsPDF，能够生成正常的PDF很好，但当我试图应用外部CSS或正常样式的背景颜色，它没有任何影响。
我的JSP包括：
<script src="Javascript/external/jspdf.js"></script>
<script src="Javascript/external/jspdf.plugin.standard_fonts_metrics.js"></script>
<script src="Javascript/external/jspdf.plugin.s
浏览 0提问于2014-06-06得票数 6
下面是我的代码：
webView = (WebView) findViewById(R.id.layout_webview);
WebSettings webSettings = webView.getSettings();
webSettings.setJavaScriptEnabled(true);
String js = "<html><head>"
+ "<link rel='stylesheet' href='file:///android_asset/mathscribe/jqmath-0.
浏览 3提问于2014-12-25得票数 1
我需要更改默认的pdf页面宽度和字体大小在jspdf.debug.js。
在哪里以及如何更改jspdf.debug.js中的默认值？
浏览 4提问于2014-04-16得票数 50
回答已采纳
3回答
我正在用Reactive原住民构建一个应用程序。问题是，当通过手机的设置改变字体大小时，应用程序中的字体大小也会发生变化，尽管它们都设置了固定的字体大小。
例如，考虑以下字体大小为12的Text元素：
<Text style={{fontSize: 12}}>Hello World</Text>
我发现这个issue.So有一个名为issue.So的道具，我转到App.js并添加了下面的一行，用于禁用整个应用程序的字体缩放：
Text.defaultProps.allowFontScaling = false;
它工作得很完美。但是，对于TextInput元素，似乎没有
浏览 1提问于2017-11-16得票数 5
我使用的是视频-js 5.19.2，我已经根据我的需要定制了它，我想在全屏上显示块中的标题，字体大小在全屏上也没有变化。我加了这个
.video-js .vjs-captions { font-size: 20px; }
.video-js.vjs-fullscreen .vjs-text-track { font-size: 3em; }
在css文件中的视频-js，但字体大小是不变的。
这是模态video1：
这是全尺寸video2：。
我已经看到这是在新的视频js版本中做的事情，但是我无法在5.19.2中更改字体大小。有谁能帮我改变视频js中的字体大小吗？提前谢谢。
浏览 13提问于2017-12-21得票数 0
回答已采纳
2回答
我已经写了插件/小部件到网站example.com，这是粘贴为.css和.js代码。插件安装在example.com #app元素上。Site example.com有自己的样式表
html {
font-size: 12px;
}
对整个网站都有影响，包括我的插件。我试过了
#app {
font-size: 16px;
}
但是小部件的一些元素仍然具有字体大小:12 of属性。example.com和我的小部件都使用引导程序4。
编辑：请看一下小提琴：
浏览 0提问于2018-11-06得票数 0
除了kendo.all.min.js，我在演示中复制了所有的htmls和css，因为我只是在尝试开源版本。
然而，外观和感觉是不同的。我在演示中检查了代码，我也在做同样的事情。有什么想法吗？
演示
矿用
浏览 1提问于2013-12-04得票数 0
回答已采纳
今天我第一次使用sifr。我已经启动并运行了它；但是，我需要一些帮助。我不会解释，而是向您展示以下代码：
<div id="pullquote">“Fantastic property, facilities and location. We
couldn’t have asked for more!” <em>Mr & Mrs. Smith</em></div>
到现在为止还好。然后我在同一个文档中设置了样式，以防flash/JavaScript被禁用。没问题。
sIFR.replace(journa
浏览 2提问于2009-04-05得票数 0
总之，我理解设置字体大小:在HTML元素上设置100%，加上一个HTML5重置和rem单元，应该会导致文本在不同的浏览器上呈现相同的大小。
不过，我看到Firefox上呈现的文本比OS X上的Chrome更大。下面是一个测试用例：
<!DOCTYPE HTML>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
浏览 2提问于2013-08-02得票数 1
回答已采纳
我使用Flot版本0.8.3来显示几种类型的图表。我给用户一个使用.toDataURL('img/png')从画布导出图表的选项。
导出的图像没有显示滴答轴标签。我最终发现这是因为标签是用html而不是在画布上呈现的。因此，我在导出之前添加了jquery.flot.canvas.js并设置了options.canvas = true。标签现在出现在导出的图像中，但x轴勾标相互重叠.
然后添加jquery.flot.tickrotor.js并设置options.xaxis.rotateTicks = 135来旋转标签。标签仍然显示在导出的图像中，并且正确地旋转，但是它们
浏览 1提问于2014-06-18得票数 3
回答已采纳
我试图使用jQuery方法.attr()更改id的字体大小，如下所示：
$("#level-title").attr("font-size", "1rem");
这不起作用。
该id目前正在我的外部CSS中安装，如下所示：
#level-title {
font-family: 'Press Start 2P', cursive;
font-size: 3rem;
margin: 2%;
color: #FEF2BF;
}
如何使用jQuery来更好地更改其字体大小？
我的完整样式表可以在这里看到：
我的Js文件
浏览 0提问于2019-05-25得票数 0
回答已采纳
我正在建立一个网站，我正在尝试的东西，我不知道它如何运作。
在我的菜单中，我有两张图片。
<li id="fontup"><img width="40" height="40" src="images/fontup.png"/></li>
<li id="fontdown"><img width="40" height="40" src="images/fontdownpng.png"/></li&
浏览 1提问于2015-03-07得票数 0
回答已采纳
我有这个登录表单，它是动态生成的。当选择“忘记密码”选项时，会出现一条新的“回登录”消息，并在其后面显示一行“AC.26”。我需要删除这一行，但由于它的显示位置，我无法确定如何选择它。
父容器的类.upme-back-to-login在<a>标记中，然后在结束标记</a>之后有一组包含行的引号；参见控制台的屏幕截图：
我的问题是如何使用CSS 或JS删除或仅隐藏引号中的内容？
浏览 1提问于2017-07-31得票数 0
回答已采纳
我在一个网站上工作，应该看起来几乎相同的每一个设备。即笔记本电脑、PC、ipads、iphones和其他智能手机。
我使用fittext.js，这是纯粹的javascript，以便根据用户的屏幕分辨率来减少/增加网站上的字体大小。
然而，在iphones等设备上，字体非常小！
如何在iphones和其他智能手机上将字体大小增加一点？
这是我使用的javascript代码：
fittext.js
(function(){
var css = function (el, prop) {
return window.getComputedStyle ? getComputedStyle(
浏览 0提问于2013-07-21得票数 1
回答已采纳
1回答
我想知道人们对完全基于EM的想法是什么？就我个人而言，我几乎完全同意它，字体大小，布局，媒体查询等等。回到用户的个人偏好是非常有意义的。
然而，当涉及到javascript时，除了像素之外似乎很难使用其他任何东西。
例如，如果我想在屏幕尺寸大于某个尺寸时添加一个图像，我可能会在HTML中执行此操作：
if (document.documentElement.clientWidth > 500) {
document.write('<img src="whatever.jpg" alt="whatever" />');
}
浏览 3提问于2013-12-01得票数 2
1回答
我使用gritter.js通知成功或错误消息。它工作，但"X“关闭图标仍然隐藏。我检查元素的CSS规则，它们没有问题，但没有任何影响。
<script src="/components/jquery.gritter/js/jquery.gritter.js"></script>
<link rel="stylesheet" href="/components/jquery.gritter/css/jquery.gritter.css" />
/*some other code*/
switch
浏览 3提问于2016-04-04得票数 2
回答已采纳
1回答
我有一个网站，它有从<h1>到<sup>的所有元素，每个元素都有自己的字体大小(大多数以像素为单位)。
这个网站是客户的集合，每个客户都有自己的子域。尽管整个网站的基本代码、图像、css和js都是相同的，但每个子域都有自己的特定theme.css --这只是一个用于应用客户端特定设计的css文件。
现在，一个客户想要更大的字体贯穿他们的子域。所以我认为这只是一个增加
*
{
font-size: ...
}
现在，我不能在那里指定一个尺寸。我可以列出所有元素并单独设置字体大小(这将是计划B) --但是有什么方法可以设置所有元素来增加它们各自的字体大小吗？
浏览 4提问于2012-11-14得票数 0
回答已采纳
1回答
有没有一种简单的方法可以减少所有material.js小部件的大小(较小的填充，较小的字体大小，.)？
我想将materialize.js用于桌面应用程序(在JavaFx WebView中)。
虽然小部件可以在触摸屏上用于web应用程序，但是这些小部件对于我的“富客户端桌面应用程序”来说太大了.我不能用拇指控制而是用鼠标指针控制。
我不想手动修改每个小部件的css属性，我试图调整缩放级别，但这只会影响字体大小。
我可以应用某种全局css缩放因子吗？
或者，是否有一个主题或一个以桌面应用程序为目标的物化叉？
(过去我使用SWT。现在，我考虑切换到html & css，因为
浏览 4提问于2017-08-05得票数 1
回答已采纳
我试图动画的‘标题’，所以它消失，以及动画10 up，当你悬停包含的div。这需要javascript，还是可以通过CSS转换来完成？
<div class="thumb">
<div class="content">
<div class="copy">
<h1>Title</h1>
</div>
</div>
</div>
JS
$('.content')
浏览 2提问于2013-05-20得票数 0
回答已采纳
4回答
缩放字体大小与屏幕大小？
、、、、
我正在开发一个带有AngularJS 1.x和棱角材质的web应用程序。我正试图在md-display-4上创建一个带有大标题的登陆页面。
看上去是这样的：
正如您所看到的，标题很好地填充了页面，并适合于一行。
然而，这是在1680x1050监视器上。如果我将浏览器窗口移动到我的较小的1366x768监视器，则会得到以下结果：
正如您所看到的，字体保持相同的物理大小，并且溢出到下一行，并且不再以中心为中心。
根据屏幕大小，我如何确保字体缩放的一致性？
这是我的密码：
<html>
<head>
<title>FOO
浏览 12提问于2016-06-08得票数 3
回答已采纳
1回答
我正在尝试使用Reveal.js来构建一个响应式的UX包。但是，我注意到我在样式表中编写的大多数属性都被覆盖了。有没有办法强制使用Reveal.js的幻灯片对字体大小和其他设置使用自定义CSS？
浏览 1提问于2017-05-12得票数 5
我在Bootstrap 3的基础上创建了一个由12个相等图像(400px400px)组成的响应网格，并在每个图像上添加了一个标题h2，只有在平铺上盘旋时才会出现。
问题是，在较小的屏幕大小(宽度小于990 of )上，文本没有响应地按照图像更改其大小，并且正在突破网格结构。为了演示目的，我创建了一个JS：
希望你能在这方面提供帮助。
<div class="row" id="service-wrapper">
<div class="col-xs-6 col-sm-2 nopadding" &g
浏览 0提问于2013-12-17得票数 1
回答已采纳
1回答
我正在使用react，并试图得到一个按钮的文本与按钮对齐。我试过textAlign，但它似乎什么也没做。每当我调整我的文本大小时，它就不会停留在中间。
function RegisterBtn() {
return (
<div
style={{
display: "flex",
justifyContent: "center",
alignItems: "center",
padding: "60px",
}}
>
<button
浏览 3提问于2022-02-20得票数 -1
回答已采纳
<div class="btn-group">
<button class="btn dropdown-toggle" data-toggle="dropdown"> Reviews </button>
<button class="btn dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button>
&
浏览 0提问于2012-08-14得票数 1
回答已采纳
是否可以使用非固定字体大小覆盖父元素(例如div)的固定字体大小。我有一个问题，对于特定的HTML页面，我希望元素使用相对于Body元素的字体大小，而不是相对于父div的字体大小。
我的HTML
<body id="templateBody">
<div>
<p>
我的CSS
body{
font-size: 76%
}
div{
font-size:11px
}
如何为p指定字体大小，使其相对于正文字体大小(%age)，而不是固定的div字体大小？有什么办法可以在不改变div样式的情况下覆盖div的固定字
浏览 3提问于2013-01-24得票数 2
回答已采纳
I样式的响应式网站使用js来确定字体大小，然后应用css使用的类进行各种布局调整。简而言之，我的js检测环绕在文本字符周围的span的大小调整。最新版本的移动Safari提供了一个字体大小调整控件，它的缩放机制不会触发我的检测js。关于我可以用来检测移动Safari字体大小的事件或其他更改，有什么想法吗？也许是一个css媒体查询？我尝试了一个基于js intersectionobserver的解决方案:在桌面上工作，而不是在移动设备上工作:-(
浏览 2提问于2019-10-10得票数 0
3回答
我正在考虑将HighCharts用于网页，具体地说：
但是，字体大小太小。我试着添加：
legend: {
itemStyle: {
color: '#000000',
fontWeight: 'bold',
fontSize: '15px'
}
添加到站点提供的js文件中，但这不会导致字体大小发生变化。此外，我还想增加密钥的大小(其中表示东京、纽约、伦敦、柏林)。这是我第一次使用Highcharts，我已经做了几个小时的研究，似乎找不到答案
浏览 3提问于2013-07-18得票数 20
回答已采纳
我需要计算字体大小使用CSS (CurrenSize + px)。例如：
body * {font-size: calc([CurrenSize] + 3px) !important;}
我在jQuery中这样做，但工作并不顺利，所以我想问我是否可以在CSS中做到这一点。在CSS中(此代码工作，但100%使文本非常小，所以我需要当前的字体大小)：
body * {font-size: calc(100% + 3px) !important;}
在js中
$("body *").css('font-size','+=3');
浏览 3提问于2019-01-21得票数 0
回答已采纳
我是react的新手--原生，如果我通过设备设置增加文本大小，那么字体大小也应该与我尝试过的字体大小相同，那么我想在应用程序的所有屏幕上修复文本大小：
Text.defaultProps.allowFontScaling=false;
在android.index.js和
public void adjustFontScale(Context context, Configuration configuration) {
configuration.fontScale =(float) 0.85;
DisplayMetrics metrics = context.getReso
浏览 0提问于2018-09-11得票数 1
4回答
考虑以下示例：()
HTML：
<div>Hello World</div>
CSS：
div {
font-family: monospace;
font-size: 1em;
}
JS：
$(function() {
alert($("div").css("font-size"));
});
在火狐中，字体大小是16px，而在IE8中，字体大小是13px。
为什么？
(我试着把font-family改成Arial，火狐和IE8都说16px。)
浏览 1提问于2011-10-04得票数 3
回答已采纳
2回答
我发现以下基于viewport大小调整文本大小的JS解决方案非常优雅：
onresize=onload=function(){document.body.style.fontSize=window.innerWidth+"px"}
然而，有两个问题：
它依赖于正在调整大小的视口。我也想在第一次加载页面时触发它，但我是JS的新手。
我的页面完全使用em值编码；这使用px。我如何使用它来调整默认em大小(只有)，然后它会自动滴入页面上的所有其他元素？
谢谢!
浏览 4提问于2012-08-03得票数 1
回答已采纳
在Android中，设置>可访问性>字体大小用户可以在“小”、“默认”、“大”、“最大”之间设置字体大小。除其他外，此设置还会影响WebViews中HTML内容的默认字体大小。
我已经开发了我的布局，使其看起来与默认的字体大小很好。将字体大小设置为“最大”会导致文本在某些地方被切断，在其他地方出现水平滚动条等。在这些情况下，我可以使用另一种布局(例如，垂直堆叠而不是水平叠加)，但我不确定如何检测要使用的布局。
理想情况下，我应该使用CSS媒体查询。类似于：
#foo {
display: flex;
}
@media (min-width: 360px) {
#f
浏览 2提问于2020-06-02得票数 2
回答已采纳
1回答
当我添加引导CDN链接时，字体大小会发生变化。
我发现这是因为Boostrap有一个默认的字体大小。我试图通过在外部样式表中指定字体大小并放置!import来更改字体大小，但它不起作用。只有当我将字体大小放在内联样式表中时，它才能工作。
div.banner {
font-size: 500% !important;
}
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" rel="stylesheet">
<s
浏览 6提问于2022-11-24得票数 0
如何更改FormControlLabel中标签的字体大小？我将它与React for Front End JS一起使用
<FormGroup row>
<FormControlLabel
control={
<Checkbox onClick={() => onClick('rdOption4')} />
}
label="All Date"
/>
</FormGroup>
浏览 3提问于2018-10-25得票数 11
1回答
我听取了关于响应性设计的建议，在那里我听到了这样的设置：
html {
font-size: 62.5%
}
在css的根上，可以非常容易地使用单元(因为1 1rem =10 of )。一切都很好，我检查了不同屏幕大小的最终工作，调整了媒体查询断点，并部署了网站。在我的电脑上一切看起来都很好，平板电脑-也很好.但在我的iPhone上，一切看起来都不对劲。我开始寻找原因，有一篇文章说移动设备上的font-size: 62.5%不起作用。你有这方面的经验吗？如果你有文章或知识，请分享。
浏览 6提问于2022-09-18得票数 0
我正在尝试用QuickChart和Chart.Js创建图形。我有以下内容，但想知道如何更改所有文本的字体大小和字体样式。我也想把YAxis改为10，有人能帮忙吗？
浏览 3提问于2020-08-28得票数 1
回答已采纳
3回答
有关于如何校准cex到字体大小单位的想法吗？
具体来说，我想使用默认的'Helvetica‘家族，并指定与.doc字体大小相对应的字体大小。例如，主标题使用字体大小12，轴标题使用字体大小10。
我非常感谢你的意见和建议。谢谢!
浏览 1提问于2011-09-07得票数 8
我在Xpages中的应用程序中使用bootstrap主题(包括Xpages Bootstrap主题)。对我来说，所有东西的大小都太大了；这个应用程序是用于web的(也许还有莲花XPiNC客户端。
如何在不更改任何Bootstrap css的情况下更改尺寸？
浏览 2提问于2015-12-10得票数 0
目前，我正试图将按钮与“..row”的其余部分垂直居中。
这是我目前所拥有的。我尝试过将style=“垂直对齐:中心”添加到不同的元素中，但是按钮不会移动。我找到的唯一解决方案是用类似于“top:100 it；”之类的东西向下移动，但这当然不是一个有效的解决方案，因为它并不适用于所有屏幕大小。
按钮在它们自己的div (.col.s3)中，这有助于在.row上水平地定位它们。这里的对象是将两个外部按钮垂直中心到中间组(.col.s6)。
有什么方法可以很容易地将这些元素垂直中心化吗？
查看这里的示例：
<!DOCTYPE html>
<html>
<head>
浏览 1提问于2015-03-10得票数 1
回答已采纳
1回答
我试图理解为什么设置不同的基本字体大小不会影响媒体查询的EM值。
它们的作用是默认的基本字体大小为16 as，而其他内容的反应正常。
你自己试试看：
PX中的媒体查询： OK
EM中的媒体查询： 不确定
REM中的媒体查询： NOT
html {
font-size: 62.5%; /*setting the base font size to 10px*/
}
body {
background: white;
}
span {
font-size:6em; /* 60px, as it should */
}
@media only screen and (min
浏览 2提问于2017-03-20得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
