css - WP 主题按钮无法在移动设备上调整大小

标签 css wordpress mobile

我正在使用斯德哥尔摩主题在 WordPress 上构建网站。一般来说,它是移动响应的,大多数事情都运行良好。 给我带来麻烦的一件事是“按钮”。

下一页有一个例子: https://med4eu.co.uk/proces

它在手机上显示不正确。宽度太长,超出页面。我试图弄清楚如何让它进入多行(因此文本分布在 2 行而不是 1 行,必要时适合屏幕)。 很高兴考虑您可能建议的其他解决方案。

这是它在移动设备上的样子:

Screenshot of display on iPhone

您可以在上面的链接上查看源代码。

一如既往地帮助非常感谢! :)

最佳答案

仅针对移动媒体查询将此属性添加到“标签”按钮:

white-space: normal;
display: block;
height: auto;

关于css - WP 主题按钮无法在移动设备上调整大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47243520/

相关文章:

html - 为什么在我为它们设置相对、绝对位置后 float 对内部 div 不起作用?

php - 如何在不引用外部 CSS 文件的情况下在 WordPress PHP 文件中创建内联 CSS?

Azure AD 单点登录 : Mobile app with OAuth and SAML

android - 除了使用 cookie 之外,还有什么方法可以识别手机网络用户?

javascript - 如何知道当前鼠标位置有哪些元素?

html - angular4 click不适用于带有ngIf的div

css - HTML/CSS : Layout Issues

php - wp-includes/SimplePie/用于什么?

php - 为什么我在网页的样式表文件中找不到 CSS 选择器(或修改规则)?

ios - iOS 上蓝牙的设备日志