网页设计中超级全能的max-width属性

发布日期:2015-07-31 10:42:52
今天给大家讲讲北京网页设计中超级全能的max-width属性
另一种限制页面无限制扩张的方法是给最外层的 #wrapper div设置 max-width 属性,
如下所示:
#wrapper {
margin-right: auto;
margin-left: auto;
width: 96%; /* Holding outermost DIV */
max-width: 1414px;
}
这样意味着页面会缩放至视口宽度的 96%,但绝不会超过 1414 像素宽(设置为 1414 像素,是因为在这个宽度下大多数浏览器恰好能剪切出完整的角旗,而不会留个半边) 。下图展示了视口宽度 1900像素下的页面效果:


显然这些方法仅是备用选项。但它证明了流动布局的灵活性,也说明了如何通过几个特定声明来控制文档流。这里提供了一些北京梦创义科技设计的一些网站制作案例供大家学习参考。
相关阅读:
网页导航下拉菜单设计模式
网络营销,一切从建站开始

  Copyright © 2010-2018 北京梦创义科技
公司地址:朝阳区紫芳路9号院广顺园2号楼2605A

联系我们| 关于我们| 网站地图| 北京网站建设| 北京网页设计