# -*- coding: utf-8 -*- """静态校验:导航栏在各指定宽度下的单行显示逻辑 + 硬性约束自检""" import re with open("/data/workspace/index.html", encoding="utf-8") as f: html = f.read() WIDTHS = [1920, 1440, 1280, 1100, 1024, 768, 375] print("=" * 60) print("【导航栏布局分析】") print("=" * 60) print("- nav uses display:flex; white-space:nowrap => children forced single line") print("- desktop (>768px): .nav-toggle hidden, nav is horizontal flex row, nowrap") print("- breakpoint 1100px: only grid columns change, nav unchanged (still flex+nowrap)") print("- 768px / 375px: @media(max-width:768px) triggers, nav becomes vertical column") print(" (即移动端折叠为汉堡菜单,展开后为单列堆叠 —— 符合『移动端折叠菜单适配』要求)") print() print("宽度\t断点区间\t\tnav 行为\t\t判定") for w in WIDTHS: if w > 768: zone = ">768px desktop" nav_beh = "flex row + nowrap => single line" ok = "OK single-line" else: zone = "<=768px mobile" nav_beh = "hamburger collapse, column when open" ok = "OK folded" print(f"{w:>5}\t{zone}\t{nav_beh}\t{ok}") # ---- 硬性约束自检 ---- print() print("=" * 60) print("【硬性约束 1-8 自检清单】") print("=" * 60) checks = [] # 约束1:无用户输入模块 forms = len(re.findall(r"