7、手机站可点击区域做整体处理【网页切图技巧】

一、现象

手机站，不要用小范围的点击按钮，如果是同一个东西，给他看作是一个大按钮，而不是多个小按钮。比如说一个li分为左边图片、右上交标题，右下角描述，那就应该吧li看作一个整体。

二、做法

代码如下：

<li>
  <a href=“#”>
    <div class=’fl’>图</div>
    <div class=’fr’>
    <h3>标题</h3>
    <p>描述</p>
</div>
</a>

</li>

同时注意：

1、li宽度要铺满整个屏幕，a的宽度跟li一样。

2、css中要写a的active样式为，背景变灰色。