界面

响应式页面在不同屏幕宽度下应该保持什么

说明导航、图片、卡片与正文在 1440 到 375 像素常见宽度下的基本可用性目标。

响应式页面在不同屏幕宽度下应该保持什么

正文可读性优先于一次显示更多内容

屏幕变窄时,栏目会从多列改为单列或双列,文字保持舒适行高。页面不会为了维持桌面布局而出现横向滚动。

图片按比例缩放

内容图片设置最大宽度和固定纵横比区域,通过 object-fit 保持画面不被拉伸。即使图片资源尚未上传,HTML 结构仍然保留。

移动导航不遮挡正文

窄屏导航通过按钮展开,关闭后恢复页面滚动。搜索弹窗默认 hidden,只有用户主动点击搜索按钮时才打开。

交互不是正文的前置条件

JavaScript 失效后,页面标题、段落、主要链接和列表仍由服务端输出,用户仍能阅读和跳转。