搜尋
首頁web前端html教學谷歌瀏覽器不支援CSS設定小於12px的文字怎麼辦?

今天帶給大家的教學是Google瀏覽器不支援設定CSS較小字體問題的解決方法。  

網頁常常為了排版美觀,會使用忽大或小的文字,通常font-size文字為12px(像素)文字。設定大於12px文字字體,各瀏覽器都能顯示CSS所設定文字大小效果。但是CSS設定小於12px文字時候谷歌瀏覽器google Chrome就無法顯示CSS所設定小於12px的文字字體效果。

Google瀏覽器支援設定font-size小於12px像素解決方法

Google瀏覽器預設最小字體為12px,小於12px的字體它都以12px顯示,有時我們需要字體小點,特別是在製作英文網站時,常常使用CSS樣式顯示小於12px文字,這樣Google瀏覽器就無法顯示所設定較小的文字。不過還是有解決方案的。

解決所需CSS程式碼 

在html或body裡新增一句Google瀏覽器專有的核心屬性樣式(或是需要設定小文字字體對象CSS選擇器新增也可)如下CSS程式碼:

html,body{-webkit-text-size-adjust:none;}或.pcss5{-webkit-text-size-adjust:none;}

註:如果使用了這個屬性,瀏覽器的字型將無法使用放大縮小功能! (就是按住CTRL鍵上下滾動滑鼠中鍵的那功能)

嘗試換單位-無用:

還有朋友說用em(字元)作為單位定義字體大小有用。本人親自測試過,用em字義的字體在Google瀏覽器中最小也不會小於12px。所以是沒用的。暫時我只知道上面一種方法。

相信看了這些案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!

相關閱讀:

駝峰命名與JS的問題解答

JS裡的布林值、關係運算子、邏輯運算子的詳解及實例

前端的js框架總結以及用途講解

以上是谷歌瀏覽器不支援CSS設定小於12px的文字怎麼辦?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
Ubuntu Linux中如何删除Firefox Snap?Ubuntu Linux中如何删除Firefox Snap?Feb 21, 2024 pm 07:00 PM

要在UbuntuLinux中删除FirefoxSnap,可以按照以下步骤进行操作:打开终端并以管理员身份登录到Ubuntu系统。运行以下命令以卸载FirefoxSnap:sudosnapremovefirefox系统将提示你输入管理员密码。输入密码并按下Enter键以确认。等待命令执行完成。一旦完成,FirefoxSnap将被完全删除。请注意,这将删除通过Snap包管理器安装的Firefox版本。如果你通过其他方式(如APT包管理器)安装了另一个版本的Firefox,则不会受到影响。通过以上步骤

mozilla firefox可以卸载吗mozilla firefox可以卸载吗Mar 15, 2023 pm 04:40 PM

mozilla firefox可以卸载;firefox属于第三方浏览器,如果不需要,完全可以卸载。卸载方法:1、在开始菜单中,依次点击“Windwos系统”-“控制面板”;2、在“控制面板”界面中,点击“程序和功能”;3、在新界面中,找到并双击火狐浏览器图标;4、在卸载弹窗中,点击“下一步”;5、点击“卸载”即可。

火狐浏览器Firefox 113 新特性:支持AV1动图、增强密码生成器和画中画特性火狐浏览器Firefox 113 新特性:支持AV1动图、增强密码生成器和画中画特性Mar 05, 2024 pm 05:20 PM

近日消息,Mozilla在发布Firefox112稳定版的同时,也宣布下个主要版本Firefox113进入Beta频道,支持AV1动图、增强密码生成器和画中画特性。火狐浏览器Firefox113主要新功能/新特性如下支持AV1格式动图(AVIS)通过引入特殊字符来增强密码生成器的安全性增强画中画功能,支持后退、显示视频时间,能更轻松地启用全屏模式为Debian和Ubuntu发行版提供官方DEB安装文件更新书签导入功能,默认情况下支持导入书签的图标在支持的硬件上默认启用硬件加速AV1视频解码使用w

Scrapy中如何使用Mozilla Firefox来解决扫码登录的问题?Scrapy中如何使用Mozilla Firefox来解决扫码登录的问题?Jun 22, 2023 pm 09:50 PM

对于爬虫爬取需要登录的网站,验证码或扫码登录是一个很困扰的问题。Scrapy是Python中一个非常好用的爬虫框架,但是在处理验证码或扫码登录时,需要采取一些特殊的措施。作为一个常见的浏览器,MozillaFirefox提供了一种解决方案,可以帮助我们解决这个问题。Scrapy的核心模块是twisted,它只支持异步请求,但是一些网站需要使用cookie和

火狐浏览器Firefox 115发布,支持Win7/Win8.1的最后一个版本火狐浏览器Firefox 115发布,支持Win7/Win8.1的最后一个版本Mar 04, 2024 pm 04:46 PM

今日最新消息,Mozilla今天正式发布了火狐浏览器Firefox115稳定版更新,本次更新最值得关注一点是,这是支持Win7/Win8、macOS10.12、10.13和10.14的最后一个版本。下载地址:https://ftp.mozilla.org/pub/firefox/releases/115.0/Mozilla在官方更新日志中表示:微软于2023年1月结束了对Win7和Win8系统的支持,而今天发布的Firefox115版本是上述系统用户收到的最后一个版本更新。Win7和Win8用户

Ubuntu 23.10默认将在原生 Wayland 模式下运行火狐浏览器 FirefoxUbuntu 23.10默认将在原生 Wayland 模式下运行火狐浏览器 FirefoxFeb 29, 2024 am 10:10 AM

Canonical公司近日宣布,在即将发布的Ubuntu23.10中,FirefoxSnap已配置默认在Wayland模式下运行。注:Ubuntu目前已经默认Wayland会话,Firefox也能正常工作。不过当前FirefoxSnap实际上是以XWayland兼容模式下运行,而不是严苛的原生Wayland模式。Canonical宣布默认会在Wayland模式下运行Firefox浏览器,从而在HiDPI显示器不会出现界面模糊、缩放失真等问题,并且支持拖动、手势捏合等触控手势。如上所述,Ubunt

Apple 发布更新以修复 MacBook 中的 WebKit 漏洞和过度耗电Apple 发布更新以修复 MacBook 中的 WebKit 漏洞和过度耗电Apr 15, 2023 am 10:49 AM

Apple已发布适用于iPhone、iPad、Mac和AppleWatch的更新。尽管每个设备的更新都很小,但它们解决了WebKit漏洞。该公司还保证已经修复了一个错误,该错误会导致MacBook笔记本电脑意外耗尽电池。AppleiOS和iPadOS15.3.1是次要更新。它实际上不包含任何主要功能。但是,它对使用盲文显示器的人很有用。此外,该更新还解决了任意代码执行漏洞。iOS15.3.1的更新说明提到:iOS15.3.1为您的iPhone提供了重要的安全更新,并修

苹果应该继续在 iOS 上禁止竞争对手的浏览器引擎吗?苹果应该继续在 iOS 上禁止竞争对手的浏览器引擎吗?Apr 16, 2023 pm 07:22 PM

苹果要求所有在iOS和iPadOS中浏览网页的应用程序都使用自己的浏览器引擎WebKit,但在被指控反竞争行为的情况下,它是否应该继续有效地禁止竞争对手的浏览器引擎?最近,大型科技公司一直受到反竞争行为的指控,英国竞争与市场管理局(CMA)首席执行官安德里亚·科斯切利(AndreaCoscelli)在新闻稿中宣布:苹果和谷歌对我们使用手机的方式已经形成了一种恶习,我们担心这会导致英国数百万人迷失方向。在这些反竞争行为的指控中,苹果因要求浏览网络的应用程序在iOS和iPadOS上使

See all articles

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
2 週前By尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
1 個月前By尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
4 週前By尊渡假赌尊渡假赌尊渡假赌

熱工具

Dreamweaver Mac版

Dreamweaver Mac版

視覺化網頁開發工具

SublimeText3 Linux新版

SublimeText3 Linux新版

SublimeText3 Linux最新版

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

SublimeText3 英文版

SublimeText3 英文版

推薦:為Win版本,支援程式碼提示!

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

強大的PHP整合開發環境