移动端嵌入求职板组件显示异常求助:右侧内容溢出
解决移动端求职板组件右侧溢出问题
针对你遇到的移动端求职板内容溢出、需横向滚动才能看到完整字段和按钮的问题,给你几个无需复杂编程的解决办法:
- 方法一:添加自定义CSS代码(大部分建站平台都支持)
- 进入网站后台管理界面,找到「自定义CSS」「额外CSS」或「代码注入」入口(比如WordPress在「外观→自定义→额外CSS」,Shopify在「在线商店→主题→自定义→设置→自定义CSS」)
- 粘贴以下代码:
/* 修复求职板移动端横向溢出 */ #hiring-page .embedded-job-board { overflow-x: hidden; max-width: 100%; } #hiring-page .embedded-job-board * { box-sizing: border-box; max-width: 100%; }
- 保存设置后,用手机刷新页面查看效果
- 方法二:调整组件宽度设置
如果找不到自定义CSS入口,试试在后台编辑页面时,选中求职板组件,在样式设置里把宽度改成「100%」或「自适应屏幕宽度」,不要设置固定像素值(比如800px),让组件自动适配手机屏幕宽度
这段代码的作用是强制求职板组件及其内部所有元素不超出手机屏幕宽度,同时将元素的边框、内边距纳入宽度计算,避免出现内容溢出的情况。
内容的提问来源于stack exchange,提问作者Ellize
相关产品推荐
相关产品推荐

