# 让网页适应不同分辨率

- Link: https://yjyj.net/learn/3815.html
- Published: 2005-12-13T20:17:35+08:00
- Author: 小 虾

⚡ 生猛大蝦编辑部 · 30 秒核心看点

 * 按 640×480、800×600、1024×768 分别做独立页面，思路直白好上手。
 * 首页负责分流跳转，核心是把不同分辨率的浏览体验拆开处理。
 * 优点是实现简单，缺点是页面维护量大，后期改版要同步多份内容。

这种方法比较简单地，西西。大家可以根据自己地要求改。
 做3个页面，分别命名为“640480.
htm”“800600.htm“1024768.htm”，3个页面分别为三种分辨率下浏览的页，然后index.htm的
原代码如下：

📌 生猛大蝦编辑部 · 背景与实操延伸

这篇原文属于早期网页适配的“分页面”思路，核心是用不同分辨率对应不同 HTML 文件来解决
显示错位。放到今天看，它更像一种历史方案：实现快，但内容重复、维护麻烦。实操时要
特别注意首页分流逻辑、页面间链接一致性，以及后续更新时别漏改某个分辨率版本。若站
点内容会频繁变动，建议尽早转向统一布局方案。

❓ 延伸问答与排错指南（FAQ）

这种按分辨率分页面的方法怎么实现？

做 3 个对应分辨率的页面，再让 index.htm 根据访问环境或用户选择跳转到相应页面。这样
每个页面可以单独排版，适合早期静态站点快速适配不同屏幕。

这种方案有什么明显缺点？

最大问题是维护成本高：同一内容要改多份，容易出现版本不一致。分辨率一多，页面数量
也会膨胀，不利于后续扩展和统一管理。

现在还适合用这种做法吗？

如果是非常简单的旧式静态页面，临时应急可以用；但更推荐用响应式布局思路统一适配，
减少重复页面，后期修改和兼容都会更省心。

📚 【[招数学习](https://yjyj.net/category/learn)】专栏延伸阅读与热门精选（[全站文章归档](https://yjyj.net/archive)）：

 * [Error: bin/bash^M 让人悲囧的傻逼问题导致脚本无法运行](https://yjyj.net/learn/centos/3784.html)
 * [又一次艰难的探索1,折腾wordpress导航-了解一下wp_nav_menu等标签](https://yjyj.net/learn/wordpress-learn/3774.html)
 * [比较漂亮的链接样式](https://yjyj.net/learn/3817.html)
 * [表格边框的css语法整理](https://yjyj.net/learn/3818.html)
 * 热门必读[Shopify Sessions 数据维度表](https://yjyj.net/learn/shopify/7764.html)
 * 热门必读[解决: windows 环境下 无法将“git”项识别为 cmdlet、函数、脚本文件或可运行程序的名称](https://yjyj.net/learn/7776.html)