font-size 相关问题

如何更改每个 @query 大小的 h1-h6 字体大小？我有一个像这样的简单代码：文档</desc> <question vote="0"> <p>如何更改每个 @query 大小的 h1-h6 字体大小？我有一个像这样的简单代码：</p> <pre><code><!doctype html> <html> <head> <meta charset="UTF-8"> <title>Documento senza titolo</title> <link rel="stylesheet" type="text/css" href="katartica.com/wp-content/themes/katartika/css/bootstrap.min.css"> <style type="text/css"> body { font-size: 100%; } @media (max-width:768px){ body, h1, h2 { font-size: 1.2em; } } @media (min-width:768px){ body, h1, h2 { font-size: 3em; } } </style> </head> <body> <h1>questoèuntestomoltolungo</h1> <h2>questoèuntestomoltolungo</h2> questo è il body </body> </html> </code></pre> <p>当我尝试这样做时，h1 和 h2 会更改每个查询的大小，但它们具有相同的大小。</p> </question> <answer tick="false" vote="1"> <p>“H”标签是用 em 处理的，因此通过使用相同的“em”它们是相等的。</p> <p>W3C 建议使用这些样式作为默认样式：</p> <pre><code> h1 { font-size: 2em; } h2 { font-size: 1.5em; } h3 { font-size: 1.17em; } h4 { font-size: 1.12em; } h5 { font-size: .83em; } h6 { font-size: .75em; } </code></pre> <p>如果你想放大它们，你应该对每一个都做。</p> <p>这里有完整的用户代理样式表默认值<a href="http://css-class.com/test/css/defaults/UA-style-sheet-defaults.htm" rel="nofollow">这里</a></p> </answer> <answer tick="true" vote="0"> <p>你的<pre><code>media queries</code></pre>有冲突..你不能拥有相同大小的<pre><code>max-width</code></pre>和<pre><code>min-width</code></pre>，因此它只会选择其中之一。</p> </answer> <answer tick="false" vote="0"> <p>有两个问题可以回答你的问题：</p> <ol> <li>媒体查询不应该完全重叠，所以这样的事情会更好：</li> </ol> <p><a href="https://i.stack.imgur.com/Ao2rN.png" target="_blank"><img src="https://cdn.txt58.com/i/AWkuc3RhY2suaW1ndXIuY29tL0FvMnJOLnBuZw==" alt=""/></a></p> <ol start="2"> <li><p> h1 和 h2 的大小相同的原因是因为您在执行此操作时将它们设置为相同的大小：</p> <p><pre><code>body, h1, h2 {font-size: 3em;}</code></pre></p> </li> </ol> <p>你需要像这样分开做：</p> <pre><code>body { font-size: 1em; } h1 { font-size: 2rem; } h2 { font-size: 3em; }` </code></pre> <p>您必须为每个媒体查询执行此操作。</p> <p>将它们放在一起，你可以做到这一点：</p> <p><a href="https://i.stack.imgur.com/Ztsv4.png" target="_blank"><img src="https://cdn.txt58.com/i/AWkuc3RhY2suaW1ndXIuY29tL1p0c3Y0LnBuZw==" alt=""/></a></p> </answer> </body></html>

html css font-size

回答 0 投票 0

查找字符串的宽度（快速）

如何在给定字体名称和字体大小的情况下找到字符串（CGFloat）的宽度？（目标是将 UIView 的宽度设置为足以容纳字符串。）我有两个字符串：一个带有 &...

ios swift font-size

回答 2 投票 0

Core Graphics 中的字体大小

我正在尝试使用 Core Graphics API 渲染一些文本，但遇到了一些概念上的困难。我正在尝试使用 CGContextSetFontSize 指定字体大小。尺寸参数在

macos fonts core-graphics quartz-graphics font-size

回答 1 投票 0

调整窗口大小时，Flexbox 中的元素会晃动

我正在使用 CSS flexbox 创建一个包含 2 个元素的行：带标题和段落的宽度为 50% 的 div div 的宽度为 28rem 并包含 Flexbox 网格。该行设置为 flex-wrap: ...

css flexbox responsive-design font-size

回答 1 投票 0

在 Safari 中无法正确计算 REM 填充

我正在尝试严格使用所有元素的 rem 值来构建一个网站。我在元素上有一些填充，但是在 Safari 中，这不能正确缩放。这是一个示例： html{ 字体大小...

css responsive-design safari font-size

回答 1 投票 0

HTML，一个表格单元格中有两种字体大小

ID站名基准面 (mAOD) 最新级别 <tr> <th>ID</th><th>Station Name</th><th>Datum<br> <span style='font-size:3px'>(mAOD)</span> </th><th>Latest Level<br> <font size="1">(% of normal range)</font> </th><th>Recorded at</th><th></th> </tr> 在上面的行中，span 和 font 标签对文本大小没有影响。以下是完整页面供参考： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>River Levels</title> <style> body { background-color: #000000; COLOR: #ffff00; font: normal 15px Verdana, Arial, sans-serif; } a:link, a:visited { color: #00ff00; } a:hover { color: #009900; text-decoration: underline; } h1 { color: #ffff00; } p { color: #ffff00; margin-right: 15%; margin-left: 15%; border: 1px solid red; padding: 30px; } table, th, td { border: 1px solid red; border-collapse: collapse; text-align: center; padding: 15px; } </style> </head> <body> <center> <img alt="Nene (76K)" src="RiverLevels2.png" /><br> <br /> <table> <tr> <th>ID</th> <th>Station Name</th> <th>Datum<br> <span style='font-size:3px'>(mAOD)</span> </th> <th>Latest Level<br> <font size="1">(% of normal range)</font> </th> <th>Recorded at</th> <th></th> </tr> <tr> <td>6286</td> <td>Orton Sluice</td> <td>2</td> <td>15</td> <td>01:45 Wed 31</td> <td bgcolor="#7f00ff">    </td> </tr> <tr> <td>6107</td> <td>Wansford</td> <td>8.03</td> <td>11</td> <td>01:45 Wed 31</td> <td bgcolor="#593bfd">    </td> </tr> <tr> <td>6111</td> <td>Lilford</td> <td>21.8</td> <td>17</td> <td>20:45 Tue 30</td> <td bgcolor="#03b0ec">    </td> </tr> <tr> <td>6104</td> <td>Harrowden</td> <td>45.4</td> <td>18</td> <td>06:00 Tue 30</td> <td bgcolor="#92fda9">    </td> </tr> <tr> <td>9396</td> <td>Brigstock</td> <td>52.05</td> <td>9</td> <td>01:45 Wed 31</td> <td bgcolor="#bced8f">    </td> </tr> <tr> <td>6108</td> <td>South Bridge</td> <td>56.0</td> <td>0</td> <td>01:45 Wed 31</td> <td bgcolor="#d4dc7f">    </td> </tr> <tr> <td>6103</td> <td>Wootton Park</td> <td>62.0</td> <td>10</td> <td>06:00 Tue 30</td> <td bgcolor="#fab964">    </td> </tr> <tr> <td>6120</td> <td>Kislingbury</td> <td>63.84</td> <td>12</td> <td>01:45 Wed 31</td> <td bgcolor="#ffab5c">    </td> </tr> <tr> <td>6101</td> <td>Dodford</td> <td>79.2</td> <td>14</td> <td>18:00 Tue 30</td> <td bgcolor="#ff2512">    </td> </tr> <tr> <td>6218</td> <td>Brixworth</td> <td>82.5</td> <td>9</td> <td>06:30 Tue 30</td> <td bgcolor="#ff0301">    </td> </tr> </table><br /> </center> <p> Levels are scaled so that the normal range fits between the 2 green lines. Levels higher than 100% indicate that flooding is possible. Levels below zero may indicate a malfunctioning lock or sluice. <br /> <br /> Line colours are derived from the site datum, blue is for sites close to sea level and red is higher up the river, lines with the same colour are from sites at the same level. <br /> <br /> Data from here: <a href="https://flood-warning-information.service.gov.uk/river-and-sea-levels"> https://flood-warning-information.service.gov.uk/river-and-sea-levels</a>. Data is updated by the Environment Agency daily, more often in times of flood. <br /> <br /> Contains public sector information licensed under the <a href="http://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/">Open Government Licence v3.0.</a> </p> <center> <table> <tr> <th>Station Name</th> <th>Rainfall<br> <font size="-3"> (24 hours)</font> </th> <th>Recorded</th> </tr> <tr> <tr> <td>Dog In A Doublet </td> <td>0.0mm</td> <td>4:45am on 28 January</td> </tr> <tr> <td>Chesterton </td> <td>0.0mm</td> <td>5:15am on 28 January</td> </tr> <tr> <td>Metoff Wittering </td> <td>0.0mm</td> <td>5:00am on 28 January</td> </tr> <tr> <td>Kings Cliffe </td> <td>0.0mm</td> <td>6:30am on 27 January</td> </tr> <tr> <td>Oundle </td> <td>0.0mm</td> <td>4:30am on 28 January</td> </tr> <tr> <td>Brigstock </td> <td>0.2mm</td> <td>4:30am on 28 January</td> </tr> <tr> <td>Wellingborough </td> <td>0.8mm</td> <td>4:30am on 28 January</td> </tr> <tr> <td>Yardley Hastings </td> <td>0.0mm</td> <td>6:30am on 27 January</td> </tr> <tr> <td>Quinton </td> <td>0.0mm</td> <td>5:15am on 28 January</td> </tr> <tr> <td>Pitsford </td> <td>0.0mm</td> <td>5:45am on 28 January</td> </tr> <tr> <td>Dodford </td> <td>0.0mm</td> <td>6:30am on 27 January</td> </tr> </table> </center> <p>Rainfall data updated at 06:10GMT, Sun 28 January <br> <a href="https://environment.data.gov.uk/catchment-planning/ManagementCatchment/3059"> <br> Nene catchment map</a> </p> </body> </html> 我希望标记的文本更小。我也尝试过“小”并定义一个div。它似乎工作正常，假设您的问题是您希望表标题行“最新级别（正常范围的％）”中的文本具有不同的大小，其中文本“最新级别”比中的文本大括号。您的代码对我有用，两个标签都有小字体，但我添加了两个类并为您创建了一个片段。 .small和.smaller，我希望我正确理解你的问题 body { background-color: #000000; COLOR: #ffff00; font: normal 15px Verdana, Arial, sans-serif; } a:link,a:visited { color: #00ff00; } a:hover { color: #009900; text-decoration: underline; } h1 {color: #ffff00;} p {color: #ffff00; margin-right: 15%; margin-left: 15%; border: 1px solid red; padding: 30px; } table, th, td { border: 1px solid red; border-collapse: collapse; text-align: center; padding: 15px; } .small{ font-size:8px; } .smaller{ font-size:4px } <table> <tr> <th>ID</th> <th>Station Name</th> <th>Datum<br> <span class="smaller">(mAOD)</span> </th> <th>Latest Level<br> <font class="small">(% of normal range)</font> </th> <th>Recorded at</th> <th></th> </tr> <tr> <td>6286</td> <td>Orton Sluice</td> <td>2</td> <td>15</td> <td>01:45 Wed 31</td> <td bgcolor="#7f00ff">    </td></tr> </table>

html html-table font-size

回答 2 投票 0

TinyMCE - 控制部署文本的字体大小（使用 EM 的字体大小）

我正在使用 TinyMCE 在我开发的网站中进行内容管理。这意味着我的客户可以使用 TinyMCE 编辑器输入格式化文本，然后网站将 html 输出到...

css tinymce font-size rich-text-editor units-of-measurement

回答 1 投票 0

更改 Octave Super Tiny 字体大小

我想出了如何更改代码编辑器字体大小，但是，Octave GUI 选项卡和其他功能具有超小的文本，我不知道如何使其变大。例如“文档”选项卡，...

octave font-size octave-gui

回答 1 投票 0

ggiraph 字体大小 HTML

我在 RStudio 中使用 ggiraph 和 geom_tile_interactive。该图表在查看器窗口中呈现得很漂亮，但在转换为 HTML 并将鼠标悬停在在线图表上后，字体大小太大......