正文可读性优先于一次显示更多内容
屏幕变窄时,栏目会从多列改为单列或双列,文字保持舒适行高。页面不会为了维持桌面布局而出现横向滚动。
图片按比例缩放
内容图片设置最大宽度和固定纵横比区域,通过 object-fit 保持画面不被拉伸。即使图片资源尚未上传,HTML 结构仍然保留。
移动导航不遮挡正文
窄屏导航通过按钮展开,关闭后恢复页面滚动。搜索弹窗默认 hidden,只有用户主动点击搜索按钮时才打开。
交互不是正文的前置条件
JavaScript 失效后,页面标题、段落、主要链接和列表仍由服务端输出,用户仍能阅读和跳转。