html怎么让Chrome支持小于12px 的文字？-js教程-PHP中文网

首页

web前端

js教程

html怎么让Chrome支持小于12px 的文字？

韦小宝

Nov 29, 2017 am 10:56 AM

chromehtml小于

设计师图片上的文字假如是10px，我们实现在网页上之后。往往设计师回来找我们，这个字体能小一些吗？我设计的是10px？为啥是12px?其实我们都知道，谷歌Chrome最小字体是12px，不管你设置成8px还是10px，在浏览器中只会显示12px，那么如何解决这个坑爹的问题呢？让我们来看看解决方法吧！

我们的做法是：

针对谷歌浏览器内核，加webkit前缀，用transform:scale()这个属性进行缩放！

代码演示：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			span{
				font-size: 12px;
				display: inline-block;
				-webkit-transform:scale(0.8);
			}
		</style>
	</head>
	<body>
		<span>测试10px</span>
	</body>
</html>

以上就是 html怎么让Chrome支持小于12px 的文字？的所有内容了，更多请到本站搜索更多哦！

相关推荐：

怎么优化HTML网页

CSS滚动条样式如何兼容IE8和Chrome浏览器？

HTML里的最后一行文字显示不全怎么处理

以上是html怎么让Chrome支持小于12px 的文字？的详细内容。更多信息请关注PHP中文网其他相关文章！

声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

什么是Updater.exe在Windows 11/10中？这是Chrome进程吗？Mar 21, 2024 pm 05:36 PM

你在Windows上运行的每个应用程序都有一个组件程序来更新它。因此，如果你使用的是谷歌Chrome或谷歌地球，它会运行一个GoogleUpdate.exe应用程序，检查是否有更新可用，然后根据设置进行更新。然而，如果您不再看到它，而是在Windows11/10的任务管理器中看到一个进程updater.exe，这是有原因的。什么是Updater.exe在Windows11/10中？谷歌已经为其所有应用程序推出了更新，如GoogleEarth、GoogleDrive、Chrome等。这次更新带来了

crdownload是什么文件Mar 08, 2023 am 11:38 AM

crdownload是chrome浏览器下载缓存文件，就是没下载完的文件；crdownload文件是一种临时文件格式，用于储存从硬盘上下载的文件，它能够帮助用户在下载文件时保护文件完整性，避免受到意外中断或停止的情况。CRDownload文件也可以用于备份文件，它可以让用户保存文件的临时副本；如果在下载时出现意外错误，就可以使用CRDownload文件来恢复已下载的文件。

chrome无法加载插件怎么办Nov 06, 2023 pm 02:22 PM

chrome无法加载插件可以通过检查插件是否已正确安装、禁用和启用插件、清除插件缓存、更新浏览器和插件、检查网络连接和尝试在隐身模式下加载插件方法解决。其解决方法如下：1、检查插件是否已正确安装，重新安装即可；2、禁用和启用插件，点击禁用按钮，然后再次点击启用按钮即可；3、清除插件缓存，选择高级选项>清除浏览数据，勾选缓存图片和文件和清除所有Cookies，点击清除数据即可。

解决谷歌浏览器无法打开网页的方法Jan 04, 2024 pm 10:18 PM

谷歌浏览器网页打不开怎么办？有很多小伙伴都喜欢上使用谷歌浏览器，当然也有部分小伙伴在使用的过程中发现自己无法正常的打开网页或者说网页打开的速度很慢，那么遇到这种情况要怎么办呢？下面就和小编来看看谷歌浏览器网页打不开的解决方法吧。谷歌浏览器网页打不开的解决方法方法一为了帮助还没有过关的玩家们，让我们一起来了解一下具体的解谜方法吧。首先，右键点击右下角的网络图标，然后选择“网络和Internet设置”。2、点击"以太网"，接着点击"更改适配器选项"。3、点击”属性“按钮。4、双击打开i

Chrome的插件扩展程序安装目录是什么Mar 08, 2024 am 08:55 AM

Chrome的插件扩展程序安装目录是什么？正常情况下，Chrome插件扩展程序的默认安装目录如下：1、windowsxp中chrome插件默认安装目录位置:C:\DocumentsandSettings\用户名\LocalSettings\ApplicationData\Google\Chrome\UserData\Default\Extensions2、windows7中chrome插件默认安装目录位置:C:\Users\用户名\AppData\Local\Google\Chrome\User

如何在Chrome和Edge的所有选项卡中搜索文本Feb 19, 2024 am 11:30 AM

本教程向您展示了如何在Windows的Chrome或Edge中找到所有打开的标签页上的特定文本或短语。有没有办法在Chrome中所有打开的标签页上进行文本搜索？是的，您可以使用Chrome中的免费外部Web扩展在所有打开的标签上执行文本搜索，无需手动切换标签。一些扩展如TabSearch和Ctrl-FPlus可以帮助您轻松实现这一功能。如何在GoogleChrome的所有选项卡中搜索文本？Ctrl-FPlus是一个免费的扩展，它方便用户在浏览器窗口的所有选项卡中搜索特定的单词、短语或文本。这个扩