元素要预留空间,要充分考虑文字、金额过长的情况,,如果可能会出现严重布局问题,如果设计师的原型图没有出现换行的情况,需要趁早交流。
如果工作流程是实现前端实现页面,然后交由后端制作成模板填充数据。那么开始写 html 之前,注意与后端交流 html 元素布局结构,一般的思维是横向布局,但可能与后端设计有冲突,所以某些地方要竖着布局,举个例子,下面两张图,按照习惯是图一横着写,但由于后端逻辑数组循环顺序是竖着分开循环,所以 html 布局要像图二那样写:
善用 a 标签覆盖点击区域,但 a 标签包裹的内容经常会被 html 解析到 a 标签外,所以最好设置 a 属性为
position:absolute;width:100%;height:100%;top:0;left:0:z-index:9
,再将父元素设为position:relative
,这样 a 标签就能覆盖整个元素。用上面的方法覆盖元素时,如果子元素有 img 标签,在 ie7 下会出现 bug,即 a 标签无法覆盖 img 区域,这时可以给 a 标签设置 css:
background-color:white;filter: alpha(opacity=0);opacity: 0;
即可。页面效果提早确定,例如猜你喜欢功能,实现起来就要考虑动画效果如何,是事先加载全部商品还是异步加载等等。