×

注意!页面内容来自https://japanesehealth.org/wiki/新型コロナウイルス感染症(covid-19)/,本站不储存任何内容,为了更好的阅读体验进行在线解析,若有广告出现,请及时反馈。若您觉得侵犯了您的利益,请通知我们进行删除,然后访问 原网页

コンテンツへスキップ
お問い合わせ
<> .jho-hub{--hsage:#51917c;--hsage-dk:#39705d;--hsage-pale:#eff6f2;--hsage-mist:#dfeee7; --hink:#26221c;--hink2:#544c40;--hink3:#8a8072;--hcard:#fffdf9;--hedge:#e7e1d5;--hedge2:#efe9dd; color:var(--hink);line-height:1.9} .jho-hub .hub-shell{max-width:1080px;margin:0 auto;padding:0 18px} /* 🩸 VÁ 17/07 — LỖI RESPONSIVE NẶNGfounder bắt bằng MẮT trên iPhone SE 375px: `.hub-grid` co đúng 339pxnhưng `
` BÊN TRONG phình ra **520px** ⇒ vượt 181px ⇒ **chữ trong ảnh + câu văn bị CHÉM ở mép phải**. Người Nhật đọc trên điện thoại = phần lớn traffic. ⛔ MÁY BÁO "KHÔNG TRÀN" — vì `body{overflow-x:clip}` **CẮT PHĂNG** phần thừa: không thanh cuộn ⇒ scrollWidth = 375 = "sạch" ⇒ **máy mùchữ thì mất thật**. 🩸 GỐC — bẫy CSS Grid kinh điển: **grid item mặc định `min-width:auto`**nghĩa là nó **KHÔNG chịu co nhỏ hơn nội dung**. Ảnh 2120px rộng ⇒ main phình theo ảnhphá cột. `minmax(0,1fr)` ở cột CHA chỉ cứu cột — **KHÔNG cứu
bên trong**. ⇒ Phải ép `min-width:0` cho CHÍNH grid item. 🩸 LUẬT: `overflow:clip/hidden` **giấu lỗi tràn** khỏi máy đo scrollWidth. Đo tràn phải soi **từng phần tử có mép phải > viewport**không tin mỗi scrollWidth. */ /* 30/07: cột phải 280 → 300px để ô ads 300x250 (cỡ Geniee đẩy về 17/18 lượt đo) vào TRỌN, không phải cuộn ngang. Cột chính còn ~704px — vẫn rộng hơn cột chữ chuẩn 644px nên chữ không đổi. */ .jho-hub .hub-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;align-items:start;padding:8px 0 60px} .jho-hub .hub-grid > *{min-width:0} /* CHẶN grid item phình theo nội dung */ .jho-hub main{min-width:0;max-width:100%;overflow-wrap:break-word} .jho-hub main img,.jho-hub main table,.jho-hub main pre{max-width:100%;height:auto} @media(max-width:960px){.jho-hub .hub-grid{grid-template-columns:minmax(0,1fr)}} @media(max-width:960px){.jho-hub .hub-grid{grid-template-columns:1fr}} .jho-hub .hub-crumb{font-size:12.5px;color:var(--hink3);padding-top:18px} .jho-hub .hub-crumb a{color:var(--hsage-dk);text-decoration:none} .jho-hub .hub-crumb a:hover{text-decoration:underline} .jho-hub .hub-tag{display:inline-flex;align-items:center;gap:6px;background:var(--hsage-pale);color:var(--hsage-dk); font-size:11.5px;font-weight:800;padding:4px 13px;border-radius:20px;letter-spacing:.05em;margin:14px 0 10px} .jho-hub .hub-tag svg{width:13px;height:13px} .jho-hub h1.hub-title{font-family:var(--font-heading);font-weight:600;font-size:clamp(26px,4vw,34px); margin:0 0 2px;letter-spacing:.01em;padding:0;border:0;background:none} .jho-hub .hub-kana{display:block;font-family:var(--font-body);font-size:13px;color:var(--hink3);font-weight:500;letter-spacing:.12em;margin-top:2px} .jho-hub .jho-hub-print{display:inline-flex;align-items:center;gap:8px;margin:0 0 22px; padding:9px 15px;font-size:12.5px;font-weight:700;font-family:inherit;cursor:pointer; color:var(--hsage-dk);background:var(--hsage-pale);border:1px solid var(--hsage);border-radius:9px; transition:background .18s,transform .18s} .jho-hub .jho-hub-print:hover{background:var(--hsage-mist);transform:translateY(-1px)} .jho-hub .jho-hub-print svg{width:15px;height:15px;flex:0 0 15px} @media print{ /* in ra để MANG ĐI KHÁM: bỏ nútbỏ cột phảibỏ ads — chỉ còn nội dung y khoa */ .jho-hub .jho-hub-print,.jho-hub aside,.jho-hub__bc,.hub-adslot{display:none!important} .jho-hub .hub-grid{grid-template-columns:1fr!important} .jho-hub a{text-decoration:none;color:#000} } .jho-hub .hub-updated{font-size:12px;color:var(--hink3);margin:8px 0 20px} .jho-hub .hub-updated b{color:var(--hsage-dk)} /* các khối trong post_content */ .jho-hub .hub-gaiyo{background:linear-gradient(165deg,var(--hsage-pale),var(--hcard));border:1px solid var(--hsage-mist); border-radius:16px;padding:22px 24px;margin:0 0 22px} .jho-hub .hub-gaiyo .t{font-family:var(--font-heading);font-weight:700;color:var(--hsage-dk);font-size:14px;margin:0 0 8px;letter-spacing:.08em} .jho-hub .hub-gaiyo p{margin:0;font-size:16px;line-height:2.0} .jho-hub table.hub-quick{width:100%;border-collapse:collapse;font-size:14px;margin:0 0 26px;background:var(--hcard); border:1px solid var(--hedge);border-radius:14px;overflow:hidden} .jho-hub table.hub-quick th{background:var(--hsage-pale);color:var(--hsage-dk);font-weight:700;text-align:left; padding:10px 16px;width:130px;font-size:13px;vertical-align:top;border-bottom:1px solid var(--hedge2)} .jho-hub table.hub-quick td{padding:10px 16px;border-bottom:1px solid var(--hedge2)} .jho-hub table.hub-quick tr:last-child th,.jho-hub table.hub-quick tr:last-child td{border-bottom:0} .jho-hub .hub-sec{margin:38px 0 0} .jho-hub .hub-sec>.h,.jho-hub .hub-sec>h2{font-family:var(--font-heading);font-weight:600;font-size:21px;color:#221d16; padding:0 0 10px;border:0;background:none;border-bottom:1px solid var(--hedge);position:relative;margin:0 0 14px;border-radius:0} .jho-hub .hub-sec>.h::after,.jho-hub .hub-sec>h2::after{content:'';position:absolute;left:0;bottom:-1px;width:46px;height:2px;background:var(--hsage);border-radius:2px} .jho-hub .hub-sec p{font-size:15.5px;margin:0 0 14px} .jho-hub table.hub-bp{width:100%;border-collapse:collapse;font-size:13.5px;margin:14px 0 8px;background:var(--hcard);border-radius:12px;overflow:hidden;border:1px solid var(--hedge)} .jho-hub table.hub-bp th{background:#f2efe8;padding:8px 12px;font-size:12.5px;color:var(--hink2);text-align:left} .jho-hub table.hub-bp td{padding:8px 12px;border-top:1px solid var(--hedge2)} .jho-hub .dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:7px;vertical-align:-1px} .jho-hub .d-ok{background:#2d7a4f}.jho-hub .d-mid{background:#8aab3c}.jho-hub .d-warn{background:#b45309}.jho-hub .d-hi{background:#c2410c}.jho-hub .d-danger{background:#a51f1f} .jho-hub .hub-src{font-size:11.5px;color:var(--hink3)} .jho-hub .hub-src a{color:var(--hsage-dk)} .jho-hub ul.hub-deep{list-:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:8px} .jho-hub ul.hub-deep li a{display:flex;gap:10px;align-items:baseline;background:var(--hcard);border:1px solid var(--hedge); border-radius:11px;padding:11px 15px;font-size:14px;color:#2c2820;text-decoration:none;line-height:1.6;transition:border-color .2s,transform .2s} .jho-hub ul.hub-deep li a:hover{border-color:var(--hsage);transform:translateX(3px)} .jho-hub ul.hub-deep li a::before{content:"→";color:var(--hsage);font-weight:800;flex:0 0 auto} .jho-hub ul.hub-deep li a .m{margin-left:auto;font-size:11px;color:var(--hink3);flex:0 0 auto;white-space:nowrap} .jho-hub .hub-faq details{background:var(--hcard);border:1px solid var(--hedge);border-radius:11px;margin-bottom:8px;overflow:hidden} .jho-hub .hub-faq summary{cursor:pointer;padding:12px 16px;font-size:14px;font-weight:700;list-:none;display:flex;gap:9px} .jho-hub .hub-faq summary::-webkit-details-marker{display:none} .jho-hub .hub-faq summary::before{content:"Q";color:var(--hsage);font-family:var(--font-heading);font-weight:700} .jho-hub .hub-faq .a{padding:0 16px 13px 38px;font-size:13.5px;color:var(--hink2);line-height:1.85} .jho-hub .hub-rel{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px} .jho-hub .hub-rel a{background:var(--hcard);border:1px solid var(--hedge);border-radius:20px;font-size:13px;font-weight:600; color:var(--hsage-dk);padding:6px 15px;text-decoration:none} .jho-hub .hub-rel a:hover{background:var(--hsage-pale)} .jho-hub .hub-sources{margin:40px 0 0;border-top:1px solid var(--hedge);padding-top:16px} .jho-hub .hub-sources .st{font-family:var(--font-heading);font-weight:700;font-size:14.5px;margin:0 0 10px} .jho-hub .hub-sources ol{margin:0;padding-left:20px;font-size:12.5px;color:var(--hink2);line-height:1.9} .jho-hub .hub-sources a{color:var(--hsage-dk)} .jho-hub .hub-disc{font-size:12px;color:var(--hink3);background:var(--hcard);border:1px solid var(--hedge);border-radius:10px;padding:12px 16px;margin-top:16px;line-height:1.7} /* sidebar */ .jho-hub aside .hub-box{background:var(--hcard);border:1px solid var(--hedge);border-radius:14px;padding:16px 18px;margin-bottom:16px} .jho-hub aside .hub-box .bt{font-family:var(--font-heading);font-weight:700;font-size:13.5px;margin:0 0 10px;padding-bottom:9px;border-bottom:1px solid var(--hedge2)} .jho-hub .hub-adslot{background:var(--hedge2);border:1px dashed #cbc2b0;border-radius:12px;min-height:250px;display:grid;place-items:center;font-size:11px;color:#9a917f;font-weight:700;letter-spacing:.1em} /* ⛔ BÁM THEO USER ĐỌC — founder 17/07: "sao menu nó không bám theo như bài viết??" BỆNH: .hub-grid dùng align-items:start ⇒ cột
<> /* ══ JHO FOOTER v2 ══ */ .jho-site-footer { background: #0e1a14; color: rgba(255,255,255,.72); font-size: 13.5px; line-height: 1.7; margin-top: 0; } .jho-footer-top { max-width: 1260px; margin: 0 auto; padding: clamp(44px,6vw,72px) clamp(20px,4vw,40px) clamp(32px,4vw,52px); display: grid; grid-template-columns: 1.6fr 1fr 1fr; gap: clamp(32px,4vw,64px); } /* Brand col */ .jho-footer-brand { display: flex; flex-direction: column; gap: 24px; align-items: flex-start; text-align: left; } .jho-footer-logo { display: flex; align-items: center; gap: 10px; text-decoration: none; width: fit-content; } .jho-footer-logo img, .jho-footer-logo svg, .jho-footer-logo .custom-logo, .jho-footer-logo * img, .jho-footer-logo * svg { height: 38px; width: auto; filter: brightness(0) invert(1) !important; } /* SVG paths/shapes override */ .jho-footer-logo svg path, .jho-footer-logo svg circle, .jho-footer-logo svg rect, .jho-footer-logo svg text { fill: #fff !important; stroke: none !important; } .jho-footer-logo-text { font-family: Georgia"Times New Roman"serif; font-size: 17px; font-weight: 600; color: #fff; letter-spacing: .04em; line-height: 1.2; } .jho-footer-logo-text small { display: block; font-size: 11.5px; font-weight: 400; letter-spacing: .1em; color: rgba(255,255,255,.55); text-transform: uppercase; } .jho-footer-tagline { font-size: 13px; color: rgba(255,255,255,.55); line-height: 1.75; max-width: 300px; } .jho-footer-trust { display: flex; flex-direction: column; gap: 8px; margin-top: 4px; } .jho-footer-trust-item { display: flex; align-items: center; gap: 8px; font-size: 13.5px; color: rgba(255,255,255,.66); } .jho-footer-trust-item svg { flex-shrink: 0; opacity: .7; color: #4caf80; } .jho-footer-contact { display: flex; align-items: center; gap: 7px; margin-top: 6px; font-size: 13.5px; color: rgba(255,255,255,.66); text-decoration: none; transition: color .25s; } .jho-footer-contact:hover { color: #4caf80; } .jho-footer-contact svg { flex-shrink: 0; opacity: .7; } /* Nav cols */ .jho-footer-nav-col { display: flex; flex-direction: column; gap: 14px; } .jho-footer-nav-title { font-size: 13px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: rgba(255,255,255,.35); padding-bottom: 10px; border-bottom: 1px solid rgba(255,255,255,.08); } .jho-footer-nav-list { list-: none; display: flex; flex-direction: column; gap: 6px; } .jho-footer-nav-list a { color: rgba(255,255,255,.6); text-decoration: none; font-size: 13px; display: flex; align-items: center; gap: 6px; transition: color .25sgap .25s; padding: 2px 0; } .jho-footer-nav-list a:hover { color: #fff; gap: 9px; } .jho-footer-nav-list a svg { opacity: .4; flex-shrink: 0; transition: opacity .25s; } .jho-footer-nav-list a:hover svg { opacity: .8; } /* Divider */ .jho-footer-divider { max-width: 1260px; margin: 0 auto; padding: 0 clamp(20px,4vw,40px); border: none; border-top: 1px solid rgba(255,255,255,.07); } /* Bottom bar */ .jho-footer-bottom { max-width: 1260px; margin: 0 auto; padding: 20px clamp(20px,4vw,40px); display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; } .jho-copyright { font-size: 13.5px; color: rgba(255,255,255,.52); } .jho-footer-legal { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; } .jho-footer-legal a { font-size: 13.5px; color: rgba(255,255,255,.62); text-decoration: none; transition: color .25s; white-space: nowrap; } .jho-footer-legal a:hover { color: rgba(255,255,255,.75); } .jho-footer-legal span { color: rgba(255,255,255,.12); } /* Responsive */ @media (max-width: 900px) { .jho-footer-top { grid-template-columns: 1fr 1fr; } .jho-footer-brand { grid-column: 1 / -1; } } @media (max-width: 540px) { .jho-footer-top { grid-template-columns: 1fr; gap: 28px; } .jho-footer-bottom { flex-direction: column; align-items: flex-start; gap: 10px; } }
< id="jho-pk-css"> .jho-pk{position:fixed;top:74px;right:16px;z-index:99000;width:min(348px,calc(100vw - 24px)); background:#fff;border:2px solid #e9b878;border-radius:14px;box-shadow:0 10px 34px rgba(120,70,10,.22); overflow:hidden;transform:translateX(calc(100% + 24px));transition:transform .38s cubic-bezier(.2,.9,.3,1.05)} .jho-pk.jho-pk--vao{transform:translateX(0)} .jho-pk__head{display:flex;align-items:center;gap:7px;padding:10px 13px 8px;background:linear-gradient(90deg,#fff5e8,#fdfaf3);border-bottom:1px solid #f3dcbb} .jho-pk__ico{color:#c2410c;display:inline-flex;flex:none} .jho-pk__tit{font-size:14px;font-weight:800;color:#b45309;flex:1;line-height:1.35} .jho-pk__x{flex:none;border:0;background:transparent;cursor:pointer;color:#8a7a5f;font-size:21px;line-height:1;padding:12px 14px;min-width:48px;min-height:48px} .jho-pk__x:hover{color:#6b5d45} .jho-pk__go{display:flex;align-items:center;gap:9px;margin:10px 12px 12px;padding:11px 12px;background:#fdfcf9; border:1.5px solid #e3ded2;border-radius:11px;text-decoration:none!important;transition:border-color .15s,box-shadow .15s} .jho-pk__go:hover{border-color:#51917c;box-shadow:0 4px 14px rgba(81,145,124,.2)} .jho-pk__q{flex:none;width:23px;height:23px;border-radius:8px;background:linear-gradient(135deg,#51917c,#33685a);color:#fff;font-size:12.5px;font-weight:800;display:inline-flex;align-items:center;justify-content:center} .jho-pk__txt{flex:1;font-size:15px;font-weight:700;color:#16302a;line-height:1.45;text-decoration:none!important} .jho-pk__arw{flex:none;color:#33685a;font-size:12.5px;font-weight:800;display:inline-flex;align-items:center;gap:2px} @media(max-width:600px){.jho-pk{top:auto;bottom:calc(14px + var(--jho-sticky-h,0px));right:12px; width:calc(100vw - 24px);z-index:9000;transform:translateY(calc(100% + 24px))} .jho-pk.jho-pk--vao{transform:translateY(0)}}