是否可以使用非固定字体大小覆盖父元素(例如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
回答已采纳
2回答
我在我的项目中使用引导程序3，我看到引导程序中有两个字体大小的声明，如下所示：
Scaffolding.less
html { font-size:10px;}
body{ font-size : @font-base-size; }
在variables.less中，@字体基大小定义为14 in。
我一直在阅读一些资料，其中一种有响应字体大小的方法是将基本字体大小定义为body或html，然后在rem中为主体中的不同组件(如p、h1等)使用字体大小。
但是我不确定，我应该在哪里定义基本字体，它应该是html还是body？
为什么引导程序在html和body中有不同的字体大小？
My的观察:
浏览 8提问于2015-12-15得票数 4
回答已采纳
这里有一个UILabel，上面写着“关于”。在iOS中设置为17.7。
下面是一个UIWebView，上面写着“关于”。也可以使用css设置为17.7。
他们不匹配。
如何正确地解决这个问题？
奇怪的是，在苹果自己的UIWebView中，尺寸基础是不同的
Html测试..。
<html><head>
<style type='text/css'>
body {
margin: 0px;
font-family: 'SourceSansPro-Light';
font-size: FONTPOINTSpt;
}
htm
浏览 1提问于2016-07-05得票数 13
回答已采纳
3回答
用CSS改变字体大小在IE9中是行不通的。字体将更改，但字体大小不会更改。它在chrome和firefox中运行良好。我尝试使用em，pt而不是px。我试过字体大小:40px。我什么都试过了。
字体大小不会改变。
<!DOCTYPE html>
<html lang="en">
<head>
<title>test</title>
<meta charset="utf-8">
<style type="text/css">
body{
font: 40px
浏览 2提问于2012-08-22得票数 0
回答已采纳
$pdf_html变量保存在每个pdf页面上添加的html内容。问题是内联字体大小不起作用。如果我将其更改为任何大字体号，则不起任何作用，而是始终采用默认的字体大小。请检查以下代码。
我的html减速有什么问题吗？有什么建议吗？
注意:我必须将每个html标记写成绝对位置，这是在样式表上定义的，而不是内联的。
$defaultConfig = (new \Mpdf\Config\ConfigVariables())->getDefaults();
$defaultFontConfig = (new \Mpdf\Config\FontVariables())->getDefaults
浏览 4提问于2021-11-19得票数 0
我使用以下代码来增加和重置HTML.But的字体大小，无法增加字体大小。我想增加整个HTML page.Following代码正文部分的字体大小，我用来增加页面的字体大小。
<script type="text/javascript">
$(document).ready(function(){
// Reset Font Size
var originalFontSize = $('html').css('font-size');
//console.log(originalFontSize);
浏览 1提问于2012-07-16得票数 2
4回答
我想知道默认的html字体大小是多少，但我找不到答案。
我的意思是：
与此对应的以像素为单位的字体大小：
html {
font-size: 100%;
}
如果您需要计算rem字体大小，了解这一点可能是有用的。
浏览 8提问于2014-07-02得票数 24
回答已采纳
2回答
我希望我的网站适应iOS的动态字体大小。因此，如果你在设置中改变字体大小(设置>常规>辅助功能>iPhone上的较大文本)，你的网页字体大小应该根据这一点进行调整。
我在html根目录中添加了font: -apple-system-body。在整个网站中，我使用rem来调整相对于html根的字体大小。所以它是有效的，但问题是-apple-system-body在默认情况下提供了font-size: 16px，这对于我的页面来说太高了。我想把它转换成10px;，这样我的html root字体大小就应该是系统提供的字体大小的62.5%。
目前，我正在使用javascript来实现
浏览 1提问于2020-08-09得票数 0
附加的图像是pdf文件，我是自动生成与点击包括使用MPDf库的特定php文件，任何人可以帮助我在如何增加文本的大小，使其清晰可见，这是我的代码，以便转换为pdf格式的感谢提前。
<?php
require("mpdf60/mpdf.php");
$mpdf=new mPDF('utf-8','A3-L');//A4 page in portrait for landscape add -L.
$mpdf->debug = true;
$mpdf->allow_output_buffering = true;
//$
浏览 0提问于2016-03-31得票数 1
我在一个与Bootstrap的网络项目中工作，并且在字体大小方面有一些问题。
尝试在chrome中运行这个HTML片段，然后在具有移动视图(如iPhone 7)的火狐中运行：
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
integrity="sha384-ggOyR
浏览 0提问于2019-07-30得票数 2
回答已采纳
总之，我理解设置字体大小:在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
回答已采纳
1回答
我已经阅读了相关的问题，但仍然没有找到答案。我尽量简化，但仍然得到了意想不到的结果。
我的媒体查询不会改变元素的字体大小，尽管它会改变颜色没有问题。有人能解释一下这种行为吗？
例如：
<!DOCTYPE html>
<html>
<head>
<title>DISOBEDIANT HEADER</title>
<meta charset="utf-8" />
<meta http-equiv="Content-type" content="text/html; charset=
浏览 4提问于2015-11-08得票数 0
回答已采纳
1回答
如何控制打印字体大小
、、、、
我允许我的用户打印，但是输出太大了(我必须在打印对话框中手动调整到大约60% )。我使用css media query (如下所示)来控制内容，并尝试在不更改输出字体大小的情况下更改html, body{}的字体大小。正确打印到Adobe PDF打印
你知道我做错了什么吗？
我的打印链接：
<a href="#" onclick="window.print(); return false;"></a>
我的css：
@media print {
body * {
visibility: hidden;
}
浏览 4提问于2015-09-07得票数 12
回答已采纳
我知道我可以使用css (例如，h1 {font-size: 0.5em;})来改变单个html标题的大小。但是，我希望从整体上减小所有标题(h1、h2、h3等)的大小。同时保持它们彼此的相对大小(h1 > h2 > h3等)。
有没有可能用一条css语句改变所有的标题大小，或者我必须单独指定每个标题？
浏览 2提问于2013-02-08得票数 3
回答已采纳
在我的应用程序中，我将文本大小设置如下：
html {
font-size: 58%;
font-family: Arial, Helvetica, sans-serif;
/* font-size: 1.5rem; */
}
body {
font-size: 1.5rem;
}
当我检查一些文本时，这会导致字体的大小：
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
不过，我试过这样做：
html {
font-size: 58%;
font-family: Arial, Helvetica, sans-serif;
浏览 3提问于2014-11-21得票数 1
回答已采纳
最近，我在想，当使用rem作为字体大小单位时，哪一个回退是最好的。像素看起来很合适，但是如果您想要在特定的媒体查询中更改全局字体大小，那么每个基于px的字体大小都需要重新定义。
这里有一个例子:对于旧的浏览器，我们没有任何退步，我们可以使用
/* Mobile Styles */
html { font-size: 1rem; }
h1 { font-size: 2rem; }
/* Specific desktop styles */
@media only screen and (min-width: 992px) {
html { font-size: 1.25rem; }
浏览 3提问于2013-10-20得票数 3
回答已采纳
1回答
我听取了关于响应性设计的建议，在那里我听到了这样的设置：
html {
font-size: 62.5%
}
在css的根上，可以非常容易地使用单元(因为1 1rem =10 of )。一切都很好，我检查了不同屏幕大小的最终工作，调整了媒体查询断点，并部署了网站。在我的电脑上一切看起来都很好，平板电脑-也很好.但在我的iPhone上，一切看起来都不对劲。我开始寻找原因，有一篇文章说移动设备上的font-size: 62.5%不起作用。你有这方面的经验吗？如果你有文章或知识，请分享。
浏览 6提问于2022-09-18得票数 0
我的捆绑包中有一个HTML文件。我正在使用webView加载它...然后我得到一个白色的背景色(我想它可能是HTML文件的背景色)..当背景出现在iPhone上时，我如何删除它...
Question2:我想对iPhone和iPad使用不同字体大小的HTML文件。我有20个HTML文件..例如，HTML中文本的字体大小为15...这个大小对于iPhone来说已经足够了，但是对于iPad来说它看起来非常小……如何使用iPhone代码动态更改HTML文件中文本的字体大小...
浏览 0提问于2012-05-23得票数 0
回答已采纳
事件后，我发现IE显然将一些默认样式附加到SUP标记。在下面的示例中，SUP标记仍然比设置了样式的SPAN标记略小。有没有人知道解决这个问题的办法？
<!doctype html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.3.0/build/cssreset/reset-min.css"/>
<style type="
浏览 0提问于2011-08-04得票数 1
1回答
若要更改浏览器( Chrome )的默认字体大小，请进入Chrome> Settings >自定义字体。
上述方法是如何工作的？它是否增加了放置在html元素上的用户代理的默认字体大小16 of？我之所以问这个问题，是因为我注意到在html标记上设置一个显式的字体大小会阻止这个方法的工作。
浏览 5提问于2020-06-16得票数 1
回答已采纳
3回答
我在一个很小的页面上有一些文本，但在Chrome/Safari中是可读的(这就是我想要的)，但由于某种原因，在Firefox中会变得微小。有没有人能建议一个修复方法，让文本在Firefox和IE中可读？
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>WTF LBJ?!
浏览 1提问于2012-06-15得票数 1
回答已采纳
1回答
我正在开发一个应用程序，在重写background-position属性时遇到了一些困难。在应用程序中，我在html元素中添加了一个类html，以增加字体大小。这样，我的自定义下划线图像的位置变得很低。下划线现在浮动在链接文本上。
我想要实现的是，对于每个字体大小类(字体大小-大，字体大小-小，字体大小-中型)都有不同的background-position。根据a元素类的不同，我似乎无法选择html元素。
HTML：
<html class="font-size-big">
<head></head>
<body class=
浏览 7提问于2014-01-29得票数 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
回答已采纳
2回答
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"
浏览 2提问于2010-01-11得票数 2
我正在采取的内部企业网站，目前需要IE8古怪模式正确呈现，并修改它，使其呈现在IE8标准模式。困扰我的问题之一是字体大小有很大不同的外观:大字体(可能还有其他字体设置，这是我第一次注意到)。
使用此HTML作为示例：
<html>
<head>
<title>IE 8 Quirks Font Size</title>
<style type="text/css">
#testDiv
{
font-si
浏览 2提问于2013-06-05得票数 4
回答已采纳
1回答
html { font-size: 62.5%; }
body { font-size: 1.4rem; } /* =14px */
h1 { font-size: 2.4rem; } /* =24px */
嘿，伙计们，我正在试着计算呢。如何获得body的14px和h1的24px？
浏览 2提问于2012-12-05得票数 0
回答已采纳
正如标题所暗示的，我使用的是.NET MVC的'html.textboxfor‘剃刀命令。
由于某些原因，我的css类导致这些输入字段与它们原始的静态对应字段极不相称。
下面的屏幕截图只有标题部分和输入框，似乎大小正确：
但是，一旦我使价格部分可编辑，就会发生这种情况：
这是我用来生成html的HTML表(位于循环中)：
<table width="1%">
<tr>
<td colspan="2">
@Html.TextBoxFor(m => m.Title[outer],
浏览 19提问于2017-08-30得票数 0
回答已采纳
2回答
我有一个设计好的网站，我对css，html，php很陌生，所以在css中，我使用了px中的所有大小。但是当我改变屏幕分辨率时，网页内容是不合适的，意思是：
当我放大这是结果，如何处理这在css？当我在谷歌上搜索相同的内容时，我发现我应该使用em / %，而不是使用px。
要用什么？
em
px
%
因为宽度和高度。
Edit1
在缩小后
浏览 2提问于2012-08-03得票数 2
回答已采纳
我有控制，帮助用户可以改变自己的字体大小。但是当size值在0.1到0.4 em之间时，html上的字体大小不会受到影响。我正在使用Google Chrome版本27.0.1453.110 m
HTML
<span class="text_menu_link">Home</span>
CSS
span.text_menu_link {font-size: 0.3em;}
浏览 1提问于2013-06-07得票数 3
回答已采纳
我有点困惑。如果我有一个给定的样机设计(1920x1080px)，例如，段落的字体大小为22px，h1的值为60px，那么要转换为rem的字体大小的基础应该是什么？ html {
font-size: 18px;
}
html {
font-size: 100%;
} 或者我应该带上 html {
font-size: 62.5%
}
浏览 60提问于2020-11-27得票数 0
回答已采纳
我有一个场景，一个媒体查询将body和html元素的字体大小设置为85%。一项新的工作要求字体大小不改变时，网站进入移动断点，但设置字体大小为100%，当发生这种情况下，不影响字体大小，尽管采取了优先权。
我的问题是，当我到达触发较小文本的断点时，如何保持将所有字体大小设置为85%的规则，但在我的网站中的某个特定位置保持字体大小。
导致较小文本的规则
@media only screen and (min-width: 320px) {
html, body {font-size: 85%;}
}
应该覆盖它的规则，忽略它总是开着的事实。
@media only screen and
浏览 0提问于2018-05-11得票数 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
我很难弄清楚使用REM和像素回退有什么好处。我正在开发的应用程序通过在html上设置字体大小，将REM声明为大约10 by；
html {
font-size: 62.5%; /* Sets up the Base 10 stuff */
}
在我的CSS文件中，我会指定这样的字体大小。
.myClass {
font-size: 18px;
font-size: 1.8rem;
}
显然，如果不支持CSS REM的话，像素定义是次要的。问题是，即使使用REM，如果它们等同于像素的大小，为什么不直接使用像素呢？
浏览 2提问于2015-04-20得票数 2
回答已采纳
我想使用rem作为我的字体大小，这样用户就可以通过他的浏览器设置对段落有一个可伸缩的字体大小。我选择了fontsize=10px作为根，为了方便地转换photoshop字体大小。使用像素作为根字体大小是否会丢弃用户首选项？是否必须以像素为单位设置根元素的百分比？
html {
font-size: font-size: 10px;;
}
p {
font-size: 1.2rem; /* will be 12px
}
浏览 3提问于2016-01-27得票数 0
回答已采纳
我正在使用下面的代码行来使用Python在HTML电子邮件中设置字体大小
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>html title</title> <style type="text/css" media="screen"> table{
浏览 14提问于2015-01-15得票数 1
我有一个问题，当我改变屏幕的大小时，rem不能保留我的任何元素，例如，我在body上有一个3rem的填充，我在html元素上的字体大小是62.5%，但是当我调整屏幕大小时，body上的填充仍然是3rem或30像素
*,
*::after,
*::before {
margin: 0;
padding: 0;
box-sizing: inherit;
}
html {
font-size: 62.5%;
}
body {
font-family: "Lato", sans-serif;
font-weight: 400;
line-height:
浏览 0提问于2021-08-04得票数 0
3回答
我正在装饰一个网站，但我甚至不知道我应该决定HTML的字体大小。其他元素也不是。首先，我会试着决定px的大小。在决定了每个元素的字体大小后，我将尝试计算px到em。
我不知道什么时候应该使用rem和em，以及应该决定index.html中的根的字体大小。
浏览 2提问于2020-02-06得票数 2
我试图允许Xamarin.Forms WebView中的HTML字体大小根据用户的可访问性大文本设置而增加或减小。
我想做以下几点：
1:为文本选项(标题、正文、标题等)获取首选字体大小。iOS和Android的可访问性大文本选项。
2:获取某些HTML文本的默认大小(h1可以是15 p，h2可以是13 p，h3可以是11 p，p可以是7 p，等等)。并使用正确的文本选项(h1 <-> title，p <-> body)来计算该HTML元素的新字体大小。
我已经为、和找到了一些关于如何获得一些字体大小的链接，但我不知道如何获得这些大小，如何将这些文本选项的大小转换为一些
浏览 0提问于2017-03-22得票数 2
回答已采纳
3回答
我得到了下面的html和css
在Firefox中，计算的字体大小为16.66667px
在Chrome中，计算的字体大小是13px
不用说，这两种尺寸有很大的不同，一种太小，无法阅读，另一种大小合适。我想解决这个问题的一种方法是将字体大小设置为16.67px，但为什么会出现这种情况。
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>My first styled page</title>
<style typ
浏览 2提问于2010-07-17得票数 3
回答已采纳
1回答
我遇到了h1字体大小不随媒体查询而改变的问题。我已经测试过改变其他风格，它是有效的。所以，我不明白为什么字体大小不会改变。
HTML:
<h1 class="header-h1">POVERTY IS NOT DESTINY</h1>
CSS:
@media only screen and (max-width: 800px) {
h1.header-h1{
font-size:250% !important;
color: blue !important;
font-weight:bol
浏览 2提问于2016-07-30得票数 0
我的HTML中的某个元素有一个带有font-size: 0的父元素，但是它有自己的font-size: 1.9em规则。我可以在Chrome的computed properties面板中验证这一点。我还可以看到，使用font-size: 0的样式被划掉了，所以它被重写了。然而，令我非常惊讶的是，计算得到的font-size仍然是0。这怎么可能？
(如果有人想知道，元素没有任何内联样式)
浏览 3提问于2016-07-02得票数 0
回答已采纳
2回答
我有以下HTML和CSS代码：
HTML：
<div>
<a href="#">ITALIANO</a>
<a href="#">ENGLISH</a>
<a href="#">FRANÇAIS</a>
<a href="#">DEUTSCH</a>
</div>
CSS：
div>a{
margin-left: 30px;
}
div{
font-size:
浏览 2提问于2015-03-12得票数 1
回答已采纳
2回答
我在UIWebView中遇到了一个相当奇怪的bug。如果我创建了一个表，并且<td>:s太长了(我猜比屏幕的宽度还要长)，字体大小就会放大！
下面是我一起演示的一个示例应用程序。
这段HTML：
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
table
td
{
white-space: nowrap;
浏览 2提问于2012-02-08得票数 1
1回答
我在我的电子表格文档中使用了不同的字体颜色和字体大小，但在使用html代码中的数据时，所有文本的颜色和字体大小都会更改为standard.....Is。有什么方法可以保留我的html代码中的格式吗？
浏览 10提问于2015-09-15得票数 0
我只是在阅读HTML继承和在CSS中实现字体大小属性时感到困惑。
正如我正在阅读的书中所提到的，当冲突的规则应用于相同的元素时，级联机制控制如何应用样式。因此，当您同时调整正文中的字体大小属性和正文中的<p>元素时，<p>元素字体大小应该覆盖。
但是，当我使用以下代码时，没有发生这种情况：
body {
font-size: 62.5%;
}
<p style="font-size: 1em">In em</p>
<p style="font-size: 16px">In px</p&g
浏览 3提问于2016-10-03得票数 0
回答已采纳
假设终端用户在读取较小的文本时有问题，所以他们已经将浏览器设置为默认为20 to。如果我把雷姆尺寸设成这样：
html {
font-size: max(1rem, 2.5vh);
}
它会覆盖他们的偏好，还是会将"rem“设置为他们的偏好(在这种情况下是20 in )？我不想破坏可访问性，但也想缩放字体与屏幕的大小。这似乎对我有用，但我想确定这是最好的方法。
浏览 4提问于2022-08-10得票数 0
回答已采纳
我有一个不受我控制的WebView显示内容。WebView内容是文件的预览，如PowerPoint文档，或PDF文件、word文档等。
当用户更改设备上的字体大小(设置->可访问性->字体大小)时，WebView使用此调整的字体大小。这将导致WebView内容的布局错误，不再按设计对齐。一个例子是在我对PowerPoint演示文稿的预览中，文本现在被放大了，因此它覆盖了文本右边的一个图表，其他文本从幻灯片的边缘运行。
如何使WebView完全忽略任何系统字体设置，只对WebView?中的内容使用WebView/CSS中指定的字体大小
我在堆栈溢出上看到了很多关于如何将WebView
浏览 0提问于2018-04-10得票数 4
wicked_pdf我想解决heroku和本地环境之间显示大小不同的问题。
我们正在使用wicked_pdf上的rails站点显示html的pdf。在这种情况下，本地显示大小和pdf的大小是非常不同的，所以请告诉我如何匹配。
控制器
respond_to do |format|
format.html
format.pdf do
render pdf: 'file_name',
layout: 'pdf.html.erb',
template: 'question/show.pdf.
浏览 0提问于2018-12-03得票数 0
在Firefox中呈现文本区域字段时，我遇到了一个非常不寻常的问题。到目前为止，我还没有在Mac上测试过18.0以外的其他版本。
我的问题是，字体大小总是相对于13px ( os-default)，而不是相对于它的父级的16px。如果我为它的父元素定义了一个固定的字体大小，它就会像预期的那样工作。但是，如果所有的父母都有一个相对的字体大小，那么文本区域的字体大小就是相对于我的OS-default。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8&#
浏览 0提问于2012-12-07得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
