1. 首页
  2. 网站建设
  3. 正文

什么是网格视图?网格视图的特点

  一、什么是网格视图?

  网格视图是更进一步检查细节的最佳模式,除了美观及吸引人外,网格视图可以帮助用户更进一步检查细节。网格视图是标准列表视图的一种替代方案。网格视图由用来做布局的网格线和其他视觉线索将其明显区分出来。一个网格视图由在垂直和水平方向上重复排列的元素组成。


  许多网页都基于网格视图,这意味着页面分为列:在设计网页时,使用网格视图非常有用。它可以更轻松地在页面上放置元素。 响应式网格视图通常有12列,总宽度为100%,并在调整浏览器窗口大小时缩小和展开。


  二、网格视图的特点


  1、内容浏览模式

  网格视图营造了一个略微有停顿感的浏览模式,使得它最适合于视觉内容。大部分情况下,图片占用了视图元素的绝大部分空间。

  2、突出图片

  网格视图的特点就是比较突出图片,主要适用于文字较少,主要展示图片的页面,还有层级比较明显的页面。

    延伸阅读

  • 什么是网格视图?网格视图的特点

    什么是网格视图?网格视图是更进一步检查细节的最佳模式,除了美观及吸引人外,网格视图可以帮助用户更进一步检查细节。网格视图是标准列表视图的一种替代方案。网格视图由用来做布局的网格...

本文来自投稿,不代表本人立场,如若转载,请注明出处:http://www.lnbdc.com/article/3454.html

(function(){ var src = (document.location.protocol == "http:") ? "http://js.passport.qihucdn.com/11.0.1.js?1d7dde81dc0903e04d3ac0b9599444f6":"https://jspassport.ssl.qhimg.com/11.0.1.js?1d7dde81dc0903e04d3ac0b9599444f6"; document.write('<\/mip-script>'); })(); (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })();