Readable titles in mobile

时间:2020-02-24 作者:JH-Developer

我正在建立一个网站,使用WordPress和Jupiter作为主题。对于其中一个页面,我使用了具有多个层的层滑块。此页上的标题在手机上不可读。我已经将每张幻灯片上的文本sixe改为H1(可用的最大文本),但它们在手机上仍然不可读。我是否需要使用代码以便文本响应?非常感谢。

1 个回复
SO网友:WebElaine

重要的是不要使用<;h1>;标签(和其他标题)只是为了影响字体大小。您应该使用CSS来定位已经存在的HTML元素。

不要直接编辑主题也很重要,因为更新主题时,所有更改都将丢失。为了避免这个问题,请查看您的主题是否有“自定义CSS”区域,您可以在其中输入样式。如果没有,则有一些插件允许您在主题之外添加自己的CSS,或者您可以创建一个子主题。

通常,为了获得最佳的用户体验,您需要使用媒体查询使字体大小响应。您可以在自定义CSS区域、插件或子主题中使用媒体查询。

相关推荐

如何允许带有esc_html__()的单引号,而不使用Sprintf()

出于安全原因,我们当然需要使用esc_html__() 用于WP开发。这很烦人,因为如果要在字符串中传递一个引号,就必须使用sprintf() 让它发挥作用。否则你就会&#039; 打印出来,而不是\'.不使用sprintf():esc_html__( \'Wasn\\\'t your favorite color red?\', \'domain\' ); // Output: Wasn&#039;t your favorite color red? esc_html__