保守および技術サービス - 株式会社フラクタル

/* ============================================== 移动端全面适配 CSS - Fractal株式会社修复 WordPress FSE 块布局在手机端的各种问题 ============================================== */ /* ---- 全局重置 ---- */ @media (max-width: 768px) { *,*::before,*::after{box-sizing:border-box!important} html,body{overflow-x:hidden!important;max-width:100vw!important;width:100%!important} .wp-site-blocks,.entry-content,.wp-block-post-content,main,article,section,.wp-block-template-part,.wp-block-group,.wp-block-cover,.wp-block-cover__inner-container,.wp-block-media-text,.wp-block-media-text__content,.wp-block-media-text__media,footer,header,.site-header,.site-footer{max-width:100vw!important;overflow-x:hidden!important} /* 覆盖 WordPress flex-wrap:nowrap */ [class*="wp-container-core-columns-is-layout"]{flex-wrap:wrap!important} [class*="wp-container-core-group-is-layout"]{flex-wrap:wrap!important} .wp-block-columns{flex-wrap:wrap!important;gap:20px!important} .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{flex-basis:100%!important;width:100%!important;max-width:100%!important;min-width:100%!important;margin-left:0!important;margin-right:0!important} .wp-block-column{flex-basis:100%!important;width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important} /* 图片 */ img,svg,video,iframe,embed,object{max-width:100%!important;height:auto!important} .wp-block-image,.wp-block-image img,.wp-block-image figure,figure.wp-block-image{width:100%!important;max-width:100%!important} .wp-block-image figure{margin-left:0!important;margin-right:0!important} img[sizes="auto"],img[sizes^="auto,"]{contain-intrinsic-size:auto!important;width:100%!important} /* 表格 */ table,.wp-block-table,.wp-block-table table{display:block!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;width:100%!important;max-width:100%!important;font-size:13px!important;border-collapse:collapse!important} table td,table th,.wp-block-table td,.wp-block-table th{padding:6px 8px!important;font-size:12px!important;min-width:60px!important} .is-style-new tbody tr td,.is-style-company tr td{white-space:normal!important;padding:8px!important;font-size:12px!important} .is-style-company tr td:nth-child(1){width:35%!important} /* 标题 */ h1,.wp-block-post-title,.wp-block-site-title{font-size:22px!important;line-height:1.3!important} h2{font-size:19px!important;line-height:1.35!important} h3{font-size:16px!important;line-height:1.4!important} h4,h5,h6{font-size:14px!important} p,li,td,th,span,div{word-break:break-word!important;overflow-wrap:break-word!important} p{line-height:1.7!important;font-size:14px!important} li{font-size:14px!important;line-height:1.6!important} .has-large-font-size{font-size:16px!important} .has-medium-font-size{font-size:14px!important} .has-small-font-size{font-size:12px!important} .has-x-large-font-size{font-size:18px!important} .has-huge-font-size{font-size:20px!important} /* 按钮 */ .wp-block-button__link{padding:10px 20px!important;font-size:14px!important;white-space:normal!important;word-break:break-word!important} .wp-block-buttons{flex-wrap:wrap!important;gap:10px!important;justify-content:center!important} .wp-block-buttons .wp-block-button{width:auto!important} /* Cover */ .wp-block-cover{min-height:250px!important;padding:30px 15px!important} .wp-block-cover h1{font-size:20px!important} .wp-block-cover h2{font-size:18px!important} .wp-block-cover p{font-size:13px!important} /* 间距 */ .wp-block-group,.wp-block-cover__inner-container{padding-left:15px!important;padding-right:15px!important} [class*="wp-container-core-group-is-layout"]>.alignfull{margin-right:0!important;margin-left:0!important} .wp-block-spacer{height:20px!important} /* 导航 */ .wp-block-navigation{width:100%!important} .wp-block-navigation__container{flex-direction:column!important;align-items:flex-start!important;width:100%!important;gap:4px!important} .wp-block-navigation-item{width:100%!important} .wp-block-navigation-item__content{font-size:14px!important;padding:10px 8px!important;width:100%!important} .wp-block-navigation__submenu-container{position:static!important;width:100%!important;opacity:1!important;visibility:visible!important;padding-left:15px!important} /* 语言切换器 */ .lang-item{position:static!important;width:auto!important;padding:3px 8px!important;font-size:12px!important;display:inline-block!important} .lang-item-32,.lang-item-29{right:auto!important} .trp-language-switcher{font-size:12px!important} .language-change{width:36px!important;height:32px!important;line-height:26px!important} .lan-left{margin-left:10px!important} /* 页脚 */ footer .wp-block-column,footer .wp-block-columns>.wp-block-column{margin-bottom:16px!important;flex-basis:100%!important} /* 列表 */ ul,ol{padding-left:20px!important} /* 下载表格 */ .fractal-download-table{font-size:12px!important} .fractal-download-table th,.fractal-download-table td{padding:6px 8px!important;font-size:11px!important} .download-btn{padding:4px 8px!important;font-size:11px!important} /* MetaSlider */ .metaslider{top:0!important} .metaslider .flexslider .flex-control-nav{bottom:15px!important;margin-left:-40px!important} .metaslider .caption-wrap{bottom:20%!important} .metaslider.ms-theme-draxler .flexslider .caption-wrap .caption{padding:4%!important;line-height:1.5rem!important;font-size:13px!important} /* 滚动容器 */ .scrolling-container{overflow-x:auto!important} .scrolling-wrapper{animation:none!important;width:auto!important;flex-wrap:nowrap!important;overflow-x:auto!important} .scrolling-wrapper .image-group{flex-shrink:0!important;width:auto!important} /* 解决方案区块 */ .solution_div_right{margin-left:0!important;top:0!important;border-width:3px!important} .solution_div_right_top{margin-top:-10px!important;margin-left:5px!important} .solution_div_left{writing-mode:horizontal-tb!important;text-align:left!important} .solution_div_left p{padding:15px!important} .solution_div_left::before,.solution_div_left::after{display:none!important} .solution_div_top{margin-top:-10px!important} /* 强制覆盖固定像素宽度容器 */ [style*="width:"]{max-width:100%!important} [style*="width:"]:not(img):not(.wp-block-button):not(.wp-block-button__link){width:auto!important;max-width:100%!important} } /* ---- 超小屏幕 (480px以下) ---- */ @media (max-width: 480px) { h1,.wp-block-post-title{font-size:20px!important} h2{font-size:17px!important} h3{font-size:15px!important} h4,h5,h6{font-size:13px!important} p,li{font-size:13px!important;line-height:1.6!important} .wp-block-cover{min-height:200px!important;padding:20px 10px!important} .wp-block-cover h1{font-size:18px!important} .wp-block-cover p{font-size:12px!important} .wp-block-group,.wp-block-cover__inner-container{padding-left:10px!important;padding-right:10px!important} table td,table th,.wp-block-table td,.wp-block-table th{padding:4px 6px!important;font-size:11px!important} .wp-block-button__link{padding:8px 16px!important;font-size:13px!important} }

保守および技術サービス