/* ============================================== 移动端全面适配 CSS - Fractal株式会社 v2 - 修复导航和下拉菜单 ============================================== */ @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} .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{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} .wp-block-spacer{height:20px!important} /* 主导航 - 不强制改结构,保留 WordPress is-responsive 汉堡菜单 */ .wp-block-navigation__responsive-container-open{display:block!important} /* 页脚导航保持竖排 */ footer .wp-block-navigation__container, [aria-label*="页脚"] .wp-block-navigation__container, nav[aria-label*="页脚"] .wp-block-navigation__container{flex-direction:column!important;align-items:flex-start!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} }

Optical Modules

Reasons to Choose Fractal Optical Modules and Optical Devices

Solution Design Capability
Testing Capability
Technical Support
Quality Certification

Featured Products

InfiniBand Networking
Storage Networking
RoCE Networking
Storage Networking

Featured Products

MTP-12 to MTP-12 UPC Fiber Patch Cord, 12-fiber, OM4, Polarity B, 1 m (3 ft)
MTP-12 to MTP-12 APC Fiber Patch Cord, 12-fiber, OS2, Polarity B, 1 m (3 ft)
MTP-12 to MTP-12 UPC Fiber Patch Cord, 12-fiber, OM3, Polarity B, 1 m (3 ft)
MTP-12 to MTP-12 UPC Fiber Patch Cord, 12-fiber, OM5, Polarity A, 1 m (3 ft)
FHD™ Adapter Panel, 12 × LSH APC Simplex (Green), 12 fibers, OS2
FHD™ Adapter Panel, 12 × LC UPC Duplex (Blue), 24 fibers, OS2
FHU 1U Adapter Panel, 48 × LC UPC Duplex (Blue), 96 fibers, OS2
FHD™ 6-Port Multimedia Copper/Fiber Modular Panel with 6 plastic clips
FHD™ MTP-24 (Male) to LC Cassette, OM4, 24 fibers, Polarity A
FHD™ MTP-24 (Male) to LC Cassette, OS2, 24 fibers, Polarity AF
FHD™ MTP-24 (Male) to LC Cassette, OM5, 24 fibers, Polarity A
FHD™ 2 × MTP-12 (Male) to LC Cassette, OM4, 24 fibers, Polarity AF
Horizontal Single-Sided Cable Manager, 1U, Finger Duct
Horizontal Single-Sided Cable Manager, 0RU, with 5 removable D-rings
Blank Pass-Through Brush Panel for horizontal cable management accessories, black, single pack
Recessed Horizontal Single-Sided Cable Manager, 1RU, with 4 D-rings and brush strip