用table做网页布局，改手机端适配的时候整个页面全乱，折腾三天重做

刚学做网页那会，我看table写表格方便，直接用table标签做整个页面布局，头部、内容、尾部全塞在表格单元格里，当时在电脑上看效果特别整齐，觉得这方法真好用。结果后来要做手机端适配，table写死的布局根本没法响应，屏幕一变窄，整个页面挤成一团，文字、图片全错位，我改了三天，越改越乱，最后干脆把整个table布局全删了，重新用div+flex布局写，花了一周时间重做。 从那之后我再也不用table做页面布局，table只用来展示表格数据，页面布局全用flex、grid，响应式改起来特别方便，手机端、平板端、电脑端一套代码全适配，再也不会出现改布局就全乱的情况。我当时用table布局，写的时候是爽，改适配的时候差点把我累死，纯纯走弯路。 很多新手刚学前端，觉得table写布局简单直接，拿来就用，根本不知道这种布局是十年前的老方法，现在早就淘汰了，写出来的页面适配特别麻烦，后期改起来全是坑。真的，做页面布局就用现代的flex、grid，别用table凑数，不然等你要适配手机端的时候，就知道有多麻烦了。