最近在做一个小型网站设计项目,就是给个咖啡店搞个简单的宣传页面。一开始觉得挺简单的,不就是敲敲代码嘛结果实际操作起来,直接踩了一堆坑,搞得我焦头烂额的。今天就从头到尾唠唠这些经历,免得你们也掉进这些陷阱。
第一个坑:布局瞎整一通
我一开始拿起电脑就直接开搞,想着用
框来分区块就但没多想就瞎拖元素,左边放文字,右边塞图片,结果屏幕一变小,整个页面就全乱了。文字挤成一堆,图片跑得七零八落的。试了试调整尺寸,还是不行。后来我慢慢学用Flexbox来规规矩矩分块,才把布局稳住,整体响应式也正常了。这要是没搞对,用户手机上一看就想关掉。
第二个坑:标签用错了地方
接着我往下弄导航菜单,图省事儿就直接用
,结果调试时候浏览器报一堆警告。我自己试了试屏幕朗读功能,读起来牛头不对马嘴。后来才发现得用