版心的两种使用方法

时间:2025-01-14 16:13:14

   第一种用法

<div class="box wrapper">

多类名的形式在最外层容器直接使用版心 

 适用于: 当前模块 没有通栏效果

</div>

第二种用法

<div class="box">

    <div class="wrapper">

在模块容器内部 重新定义一个版心

有通栏 通栏内部有一个版心

    </div>

 <!-- 版心的作用: -->
    <!-- 为什么版心通常都在980 - 1250之间呢 -->
    <!-- 因为市面上常见的分辨率1366 - 1920 -->
    <!-- 取此区间,就是为了让绝大部分用户都可以正常访问网页 -->

    <!-- 因为版心在此区间,还有水平居中属性,所以让网页的主题内容全部呈现在页面的正* -->

    <!-- 用户的屏幕小, 左右的留白就看起来窄一些,但是实际内容还是可以全部预览 -->
    <!-- 用户的屏幕大, 左右的留白就看起来宽一些,但是实际内容还是可以全部浏览 -->