font-size 相关问题

我正在做一个页面，电脑桌面的字体大小为 16px，小型设备（如 iphone 和其他小型手机）的字体大小为 36px。我设置了我正在做一个页面，电脑桌面字体大小为 16px，小型设备（如 iphone 和其他小型手机）字体大小为 36px。我设置了 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 在头部区域和使用风格： @media (min-width:320px) { /* smartphones, iPhone, portrait 480x320 phones */ p.Description { font-size: 36px; } } @media (min-width:481px) { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ p.Description { font-size: 16px; } } @media (min-width:641px) { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ p.Description { font-size: 16px; } } @media (min-width:961px) { /* tablet, landscape iPad, lo-res laptops and desktops */ p.Description { font-size: 16px; } } @media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ p.Description { font-size: 26px; } } @media (min-width:1281px) { /* hi-res laptops and desktops */ p.Description { font-size: 16px; } } 现在我遇到了问题——它在电脑上运行良好，但在 iPhone 上运行不佳。你们能帮帮我吗？有什么问题吗？只需删除以下媒体查询：- @media (min-width:320px) { /* smartphones, iPhone, portrait 480x320 phones */ p.Description { font-size: 36px; } } 而不是这个，添加这个：- p.Description { font-size: 36px; } 这会将字体大小设置为 36px。当 screen width 达到 481px，然后由于 other media query 字体大小变为 16px. 总体更新的代码是：- /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ p.Description { font-size: 36px; } @media (min-width:481px) { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ p.Description { font-size: 16px; } } @media (min-width:641px) { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ p.Description { font-size: 16px; } } @media (min-width:961px) { /* tablet, landscape iPad, lo-res laptops and desktops */ p.Description { font-size: 16px; } } @media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ p.Description { font-size: 26px; } } @media (min-width:1281px) { /* hi-res laptops and desktops */ p.Description { font-size: 16px; } }

html media-queries font-size

回答 1 投票 0

如何通过 JavaScript 更改字体大小？

此代码无效 var span = document.getElementById("span"); span.style.fontsize = "25px"; span.innerHTML = "字符串";

javascript css fonts font-size

回答 6 投票 0

如何使用 sns.set 和 rcParams 更改所有子图的字体大小

我正在尝试更改我正在绘制的一系列箱线图中的所有字体元素。我的代码类似于从路径库导入路径将 numpy 导入为 np 将熊猫导入为 pd 将 seaborn 导入为 sns 导入 matpl...

python matplotlib seaborn font-size subplot

回答 1 投票 0

打印后字体大小

如何确定打印后字体的大小？我正在设计海报A1 300 dpi，figma中的框架尺寸是W7017 H9921。我想为文本使用 40pt 字体。字体大小，...

font-size figma

回答 1 投票 0

matplotlib同一个注解中的不同字体大小

我需要用几条不同长度的数据线来注释一个 pylab 矩形。搜索 matplotlib 文档和谷歌搜索，我找不到给出不同部分的方法......

python matplotlib font-size treemap plot-annotations

回答 3 投票 0

自定义类字体大小在 Tailwind CSS 中不起作用

我在标签中定义了一个名为 .myclass 的自定义类，字体大小为 10rem。但是，具有 .myclass 和 text-3xl 类的 h1 元素的字体大小未设置为...</desc> <question vote="0"> <p>我在 <pre><code>.myclass</code></pre> 标签中定义了一个名为 <pre><code><style></code></pre> 的自定义类，其 <pre><code>font-size</code></pre> 为 <pre><code>10rem</code></pre>。但是，具有 <pre><code>h1</code></pre> 和 <pre><code>.myclass</code></pre> 类的 <pre><code>text-3xl</code></pre> 元素的字体大小未按预期设置为 <pre><code>10rem</code></pre>。有人可以解释为什么会这样并提出解决方案吗？</p> <pre><code><!doctype html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="https://cdn.tailwindcss.com"></script> </head> <style> .myclass{ font-size: 10rem; } </style> <body> <h1 class="myclass text-3xl font-bold underline"> Hello world! </h1> </body> </html> </code></pre> <p>我希望同时具有 <pre><code>h1</code></pre> 和 <pre><code>.myclass</code></pre> 类的 <pre><code>text-3xl</code></pre> 元素的字体大小为 <pre><code>10rem</code></pre>。但是，<pre><code>h1</code></pre> 元素的字体大小没有按预期设置为 <pre><code>10rem</code></pre>，我不确定为什么会这样。</p> </question> <answer tick="true" vote="1"> <p><strong>在 Head 或 Body 标签中添加此脚本</strong></p> <p></p><div data-babel="false" data-lang="js" data-hide="false" data-console="true"> <div> <pre><code><script> tailwind.config = { theme: { extend: { fontSize: { '3xl': '10rem', } } } } </script></code></pre> </div> </div> <p></p> </answer> <answer tick="false" vote="1"> <p><strong>选项 1：</strong> 删除 <pre><code>.text-3xl</code></pre> 类。文本大小将完全依赖于<pre><code>.myclass</code></pre>类。</p> <p><strong>选项 2：</strong> 您可以更改 Tailwind 的配置以将 <pre><code>10rem</code></pre> 用于 <pre><code>.text-3xl</code></pre> 课程。</p> <pre><code>module.exports = { theme: { extend: { fontSize: { '3xl': '10rem', }, }, }, variants: {}, plugins: [], } </code></pre> </answer> </body></html>

javascript html css tailwind-css font-size

回答 0 投票 0

VS 代码编辑器字体大小问题

VS Code Editor 上存在一个错误，它会在按下 Ctrl 键时使字体大小缩小到最小。不知道其他人是不是也这样。通常我必须使用快捷键执行操作...

visual-studio-code editor font-size

回答 2 投票 0

Qt Designer 中的字体大小可以用像素而不是磅来指定吗？

经过大量研究，我终于意识到我的应用程序看起来很有趣，因为在 Qt Creator 中指定的字体是点而不是像素，而且我的笔记本电脑以 125% 的比例运行。是……

font-size qt-designer qtstylesheets highdpi

回答 1 投票 0

Pandoc 使用 --reference-doc 生成的 Word docx 中的字体未更改

我尝试了多种方法来更改pandoc生成的word docx中的字体。以下是最新的：更新 custom-reference.docx 以对除标题以外的所有内容使用 10 号字体...

ms-word font-size pandoc

回答 0 投票 0

修改 R shiny widgets 的子元素 - dateRangeInput selected date font size

在构建 R Shiny 应用程序时，我在狭窄的空间中添加了一个 dateRangeInput 小部件。我想独立修改标签的字体大小和输入日期，但独立。我可以缩...

r shiny widget font-size

回答 0 投票 0

在 CSS 媒体查询中使用 em 单位会导致跨浏览器的结果不一致

我有一组渐进式 CSS 媒体查询，它们遵循以下一般格式： * { 字体大小：14pt； } @media 屏幕和（最小宽度：85em）{ : : } @media 屏幕和（最小宽度：110em）{ : : } 我...

css media-queries font-size

回答 1 投票 0

PgAdmin 大小太小了

我不小心在我的键盘和 pgamdin 字体大小中用“-”点击了 CTRL 或整个 pgadmin strted 变小了，我尝试了 CTRL 与其他键的其他组合，但是......

font-size pgadmin-4

回答 0 投票 0

使用百分比作为字体大小？

我最近读了一些关于调整字体大小的文章，其中大部分都嘲笑使用 px 作为不可原谅的罪行（好吧，也许不是那么糟糕，你明白了）因为它在旧眉毛中没有正确调整大小.. .

css font-size

回答 6 投票 0

如何禁用放大/缩小 webview 但增加 Pinch 上的字体大小

我正在 andorid studio 上开发一个简单的应用程序，我在其中使用 webview 并加载一个带有一个标题（h1）的简单 html 页面，我已经通过在 pi 上调用 javascript 函数来增加字体大小...

javascript android android-webview font-size pinchzoom

回答 1 投票 0

Github - 如何更改降价文件中的字体大小？

我想知道如何更改 Readme.md 文件中的字体大小。 `**扎德。 0** ` 我想要'扎德。 0'更大，但我还没有找到任何解决方案。

fonts markdown size font-size readme

回答 2 投票 0

font-size 相关问题

最新问题