流式布局怎么实现?响应式布局怎么实现?

一、流式布局怎么实现

场景:关键词搜索、热门标签等场景

  • 上面一行的的空间不够容纳新的 TextView 时候才开辟下一行的空间
  • 按照页面元素的宽度按照屏幕分辨率进行适配调整,但整体布局不变,使用%百分比定义宽度
  • 高度大都是用 px 来固定,可以根据可视区域和父元素的实时尺寸来调整,尽可能适应各种分辨率

二、响应式布局怎么实现

  • 主要是实现不同屏幕分辨率的终端上浏览网页的不同展示方式,
  • 通过响应式设计能使网站在手机和平板电脑上有更好的浏览阅读体验;
  • 首先设置meta标签,通过媒体查询来设置样式Media Queries,然后再设置多种视图宽度
posted @ 2023-06-19 21:30  有只小菜猫  阅读(45)  评论(0)    收藏  举报