html 相关问题

在 iOS Safari 上，获取键盘大小或键盘上方浮动按钮的响应速度更快的方法是什么？

我正在使用 window.visualViewport.height（视图的可见高度）来计算 iOS Safari 中虚拟键盘的起始位置。一旦我有了 window.visualVie，我就可以让它工作并响应...

在 javascript 中将 png/jpg 转换为 .ico

所以我想要一个从 jpg/png 生成 .ico 文件的工具。 我使用以下代码从画布生成了 jpg： var img = c.toDataURL("image/png"); 文档.write(' 所以我想要一个从 jpg/png 生成 .ico 文件的工具。 我使用以下代码从画布生成了 jpg： var img = c.toDataURL("image/png"); document.write('<img src="'+img+'"/>'); 取自此画布： <canvas id="myCanvas" width="16" height="16"> 所以问题是；是否可以将生成的png转换为ico？ 在 Firefox 中，您可以直接从画布执行此操作： // Make ICO files (Firefox only) var ctx = c.getContext("2d"); ctx.arc(c.width>>1, c.height>>1, c.width>>1, 0, 6.28); ctx.fill(); c.toBlob(function(blob) { console.log(blob) }, 'image/vnd.microsoft.icon', '-moz-parse-options:format=bmp;bpp=32'); <canvas id=c width=32 height=32></canvas> 否则，要支持其他浏览器，您将必须手动构建 ico 文件。请参阅格式描述以及例如此答案了解如何做到这一点。 从 ICO 文件中提取图像：ICO 文件可以包含多个不同大小和颜色深度的图像。转换过程通常从从 ICO 文件中提取图像开始。您可以访问此网站https://thistothat.online/jpg-to-ico.

内容溢出和滚动造成圆角问题

我正在尝试创建卡片布局。这是我的布局。 我正在尝试创建卡片布局。这是我的布局。 <div style={{ display: "flex", flexDirection: "column", alignItems: "start", width: "100%", height: "auto", padding: "2rem", gap: "1rem", borderRadius: "2rem", backdropFilter: "blur(4rem)", background: "goldenrod", }}> <div className="text-3xl unselectable font-bold" style={{display: "flex", flexDirection: "row",alignItems: "center",width: "100%", height: "3rem", }}> <div style={{ width: "auto", height: "3rem", alignItems: "center", display: "flex" }}> <Meteor weight="fill" color="#f2f2f2" /> { /* Phosphor Icons */} </div> <div style={{ width: "0.5rem", height: "100%" }}></div> Technologies and Mastery </div> <div className="card-container-grid-2"> <div className="card">Hello</div> <div className="card">Hello</div> <div className="card">Hello</div> <div className="card">Hello</div> <div className="card">Hello</div> <div className="card">Hello</div> <div className="card">Hello</div> <div className="card">Hello</div> </div> </div> 使用这种风格， .card-container-grid-2 { padding: 1rem; gap: 1rem; display: grid; grid-template-columns: repeat(auto-fit, minmax(calc(100% / 3), 1fr)); grid-auto-rows: 12rem; width: 100%; height: 100%; } .card { display: flex; flex-direction: column; background: #f2f2f2; border-radius: 0.5rem; } 卡片渲染得很好。但是容器在Y轴上有溢出，并且它在左下角和右下角打破了圆角。尝试控制滚动溢出，但滚动条不可滚动并且圆角仍然尖锐。我怎样才能解决这个问题？有什么建议吗？ 在父 div 中使用 box-sizing: border-box;

未指定默认引擎且未提供扩展名，终端会抛出错误

我正在尝试在nodejs中执行后端程序，并且我正在使用mongodb。我正在创建一个表单，其中只有2个输入字段，其中有密码和名称。我没有使用任何 hbs 或 ejs，并且没有默认值

<input required>属性在iOS设备上不起作用

我在尝试让 HTML 表单在 iOS 设备上运行时遇到问题。输入元素下的“required”属性在任何桌面 Web 浏览器上都可以正常工作，但在移动 iOS Safa 上则不行......

带有图像的简单 HTML 格式。编码/html方面的超级新

我只是想知道如何才能使列表项之间有明确的划分，而无需复制和粘贴标签。我认为如果图像包含在 标签内... 我只是想知道如何才能使列表项之间有明确的划分，而无需复制和粘贴 <br/> 标签。我认为，如果图像包含在 <p> 标签内，并且该标签在下一个条目之前关闭，那么这将有效地“按 Enter”（如果愿意的话），这样下一个标题或文本位就不会环绕前一个列表项的图像。我觉得我在这里缺少一些简单的东西。 <li><h5>Artificial intelligence (AI)</h5> <p><img src="AI.jpg" width="150" height="150" align="left" hspace="10"/> AI systems were limited in their capabilities, but recent advancements have propelled AI into the mainstream. Today, various AI models power virtual assistants, business process management, and advanced data analytics. In just a short period, AI is predicted to become an integral part of our lives.</p> </li> <br/> <br/> <br/> <br/> 我尝试将图像标签包含在列表项的段落标签内，认为这自然会在列表的下一个条目之间创建一个空格。 您的代码可以工作，但在未编号的列表中使用 <br> 标签会在页面验证时出现错误。 在此上下文中，元素 br 不允许作为元素 ul 的子元素。 （抑制该子树的进一步错误。） 使用一些CSS，例如 li { margin: 20px 0; }

如何使用 JavaScript 滚动链接列表

我有一个 li 项目的水平列表。我希望能够单击向右箭头滚动到列表的下一个元素。应该有一个向后箭头可以向左滚动。有人可以帮我吗...

从文本生成网站提取字体

“花式文本生成器网站”接受文本输入并将其输出为不同的字体。 我想提取使用的字体。 我对 HTML 一无所知，我在

sessionStorage 和 localStorage 的范围

我阅读了一些有关sessionStorage和localStorage的文档，但我不明白范围是什么：域，特定页面？ 例如，如果我有以下页面： http://example.com/

按钮在手机屏幕上点击后保持：悬停效果

我有一个滚动到顶部按钮，当它在移动屏幕上单击时，它会保留我为其悬停效果设置的颜色，并且不会返回到原始颜色。 ＃回到顶部 { 背景：...

重新排序移动显示的内容

我正在开发 HTML 电子邮件模板，并试图确保它在移动设备上正确显示。目前，我有一个图像，后跟文本和一个按钮，但在移动设备上，我想要图像......

CKEditor 将任何 html 标签转换为其他格式（BBCode 格式）

我使用CKEditor，但最近收到新更新后遇到问题。 当使用任何 HTML 标签时，CKEditor 会更改标签，如下例所示： 变为 [b] 或者 转化... 我使用CKEditor，但最近收到新更新后遇到问题。 当使用任何 HTML 标签时，CKEditor 会更改标签，如下例所示： <b> becomes [b] or <p> convert [p] 样本： 嗨阿里 => hi [b]Ali[/b] 这就是我想要的：hi <b>Ali</b> 我找不到任何关于此的文档，你能帮助我吗？ 我解决了这个问题： 只需禁用 BBCode 输出格式插件即可！ BBCode 输出格式

如何为按钮添加平滑度？

我有一个将页面向上提升的按钮，但是当你点击它时，页面会急剧上升。我想增加平滑度。我该怎么做呢？我还想为这个bu添加一个光滑的外观...

如何将导航栏中的所有图标重新定位到中间

* { 填充：0； 保证金：0； } 导航{ 内边距：20px； 背景颜色：#809906； 列表样式：无； 底部边框：2px 纯黑色； } A { 颜色：黑色...

从购物车删除商品

我想实现从我使用html、css和javascript制作的食品网站的购物车中删除元素的功能。但它不起作用。没有删除图标。 我添加这部分是为了

为什么有些 Unicode 字符比普通文本高？

我注意到一些 unicode 字符比普通文本高。 例如。对角箭头（东北箭头 ↗，东南箭头 ↘，...），它们在字母 th 的顶部占据更多空间...

覆盖引导程序@media断点

我对这件事很陌生，所以请耐心等待。 我最近一直在弄乱视图，想知道是否可以覆盖存储在引导程序中的断点。 IE） ：根 { --

如何从 html 图像字符串中删除属性并仅保留源？

我有很多 html 图像元素作为字符串，但它们通常包含我不需要的垃圾。如何删除头衔、身高、阶级等？ 例如。 我有很多 html 图像元素作为字符串，但它们通常包含我不需要的垃圾。如何删除头衔、身高、班级等？ 例如。 <img class="img-fruit" src="apple.png" title="apple" height="25" width="25"> 会成为 <img src="apple.png"> 属性的顺序不同。 很难想出一个简单的解决方案，有什么想法吗？ 我尝试过搜索特定属性并尝试计算长度以删除它们，但这很混乱 您可以使用正则表达式从 HTML 图像元素字符串中删除不需要的属性。这是一个简单的 JavaScript 示例 👇 const htmlString = ''; const cleanString = htmlString.replace(/(\s*(?:title|height|class)=['"][^'"]*['"])/g, ''); console.log(cleanedString); //

使用 jQuery 实现 SlideUp 效果

我目前正在处理我的网站页脚，并且希望用户单击“联系我们”时页脚后面会出现一个黄色 div。 这是我目前正在做的事情，但我可以......

使用CSS在div内垂直对齐文本

我有以下 HTML 和 CSS 代码。 我想将所有文本垂直居中放置。即使是“此处的文本”也会与徽标左对齐。我怎样才能用我的代码实现这个目标？ 小提琴：http://