做这行七年了，真没见过几个客户是拿着DW（Dreamweaver）做的站还在那沾沾自喜的。大多数时候，都是客户拿着个几年前的旧站，或者找那种特别便宜、几百块包干的淘宝店做的站，最后发现手机上根本打不开，或者排版乱成一锅粥。这时候才想起来问我：“哎，这DW做的网站如何用手机看啊？”
说实话，听到这个问题我就头大。DW这软件，也就是Adobe家的Dreamweaver，那是上个世纪的产物了。它主打的是代码可视化编辑，对于搞前端开发的程序员来说，那叫一个痛苦。你得一行行敲代码，稍微动个标签，整个页面可能就崩了。更别提现在这年头，什么响应式设计、移动端适配，DW原生支持得有多烂，咱们心里都有数。
很多小白朋友有个误区，觉得只要电脑上看正常，手机肯定也能看。大错特错。你想想，电脑屏幕那么大，你放个导航栏、放个大Banner，舒舒服服。换到手机那个小屏幕，那些浮动元素（float）如果不加清除，或者媒体查询（media query）没写对，字能小得像蚂蚁，图片能挤得变形。这时候你去浏览器里按F12，调出手机模式预览一下，好家伙，那界面简直没法看。
那到底咋办呢？别急，咱们一步步来拆解。
第一，你得确认这站是不是真的“响应式”。很多DW做的老站，都是写死的宽度，比如div宽度固定960px。这种站，你在手机上打开，要么就是整个页面缩得很小，你得双击放大才能看清字；要么就是横向出现滚动条，极其反人类。如果你的站是这样，那基本没救了，除非重写。
第二，如果代码里确实加了@media查询，那可能是缓存或者服务器配置的问题。DW生成的代码有时候会带一些奇怪的注释或者编码问题。你可以试试清一下浏览器缓存，或者换个手机试试。有时候不是代码不行，是你的手机浏览器版本太老，不支持新的CSS3属性。
第三，也是最扎心的，如果这站是你自己用DW从头敲的，那建议趁早放弃修复的念头。为什么？因为维护成本太高。你为了适配手机，得去改那些早已混乱不堪的代码结构。我在给客户做迁移的时候，见过最惨的一个案例，代码里全是table布局，为了适应手机，我得把整个页面拆了重建。这种活儿，工时费比重新做一个还贵。
这里给大家算笔账。如果你现在找个正规团队做响应式网站，起步价通常在3000到5000块左右，包含基础的手机适配。而如果你试图去修补一个DW做的烂摊子，可能光调试CSS就要花你半个月时间，人工费都不止这个数。这就叫“捡了芝麻丢了西瓜”。
当然，也不是说DW做的站就完全不能看。有些简单的单页介绍站，如果代码写得规范，用了相对单位（%、rem），那在手机上显示效果其实还不错。但这种情况，在现在的建站市场里，占比不到10%。剩下的90%，要么是用模板套的，要么是半吊子程序员随便敲的。
所以，回到你的问题：DW做的网站如何用手机看？
我的建议很直接：先别想着怎么让它“能看”，而是想着怎么让它“好看”。如果代码结构太乱，直接换个主题，或者用WordPress这种成熟的CMS系统重新搭建。现在随便找个主题，手机适配都是自动的，你只需要替换图片和文字就行。别在DW上死磕了，那软件早就被时代抛弃了。
我也遇到过那种特别执着的客户，非说DW好，因为“所见即所得”。我就问他：“那你手机上看的时候，所见即所得了吗？”他沉默了。你看，技术是为业务服务的，不是为了炫技。如果手机上看都不方便，那这个网站存在的意义就大打折扣了。
最后再啰嗦一句，建站这事儿，坑太多。别为了省那两三千块钱，后期修修补补花几万块。找个懂行的人，用现在主流的技术栈（比如Vue、React或者简单的WordPress），一劳永逸。别等客户在手机端流失了，才想起来问“dw做的网站如何用手机看”，那时候，黄花菜都凉了。
记住，用户体验是第一位的。手机流量现在占比多少？70%以上！你的网站如果连手机都适配不好，那基本等于没做。赶紧行动吧，别犹豫。
