Discuz! Board

標題: 上有任何其他文本触发页面上的“文本太小而无法 [打印本頁]

作者: sinhajui@gamil. 時間: 2024-2-13 13:03
標題: 上有任何其他文本触发页面上的“文本太小而无法
错误#1：文字太小，无法阅读移动设备显示网页的视口有限，因此某些页面内容在渲染时通常会变得难以阅读。当网页上的任何文本字体大小低于 16 像素时，就会触发“文本太小而无法阅读”移动可用性错误。从导航菜单上的文本到主要内容的所有内容的字体大小都应至少为 16 像素，才能被视为移动可读。要修复 WordPress 的此错误，您需要切换到受影响 URL 的移动版本，并将任何文本的大小增加到小于 16 像素。如果您使用 Elementor 这样的页面构建器，则必须通过编辑器切换到移动断点，并增加任何不可读文本的字体大小。

使用移动断点增加中的字体大小注意：所有流行的页面构建器都具有此断点功能，允许您定义页面的移动版本的字体大小。如果您使用的是没有页面构建器的自定义 WordPress 主题，那么最好的选择是使用一些特定于移动设备的 CSS。媒体查询，准确地说。例如，如果移动美国电话号码数据可用性测试工具检测到页面上段落的字体大小对于移动设备而言太小，则应使用如下 CSS 代码片段来修复该问题：无论您在媒体查询左括号和右括号之间编写什么 CSS 代码，都只会在低于 600 像素的屏幕上激活。

这允许您添加根据设备屏幕大小而变化的 CSS 代码。如果页面阅读”问题，您所要做的就是找到其选择器并将其添加到媒体查询块中。至于如何将其添加到 WordPress，您可以通过定制器来实现。导航到 WordPress 仪表板导航上的外观下的定制器设置，然后选择“附加 CSS ”选项卡。 WordPress 中的附加 CSS 代码编辑器只需粘贴 CSS 代码，它就会应用于您网站的所有页面。如果您只想将 CSS 代码应用到受影响的页面，那么您可以使用类似的插件WP 添加自定义 CSS。使用 CSS 解决“文本太小而无法阅读”问题的最佳部分是，无论您的 WordPress 网站是用什么构建的，CSS 都会覆盖从页面构建器到主题默认值的所有内容。错

歡迎光臨 Discuz! Board (http://crititcals.skybbs.cc/)