随笔分类 -  响应式布局

（转）为什么很多web项目还是使用 px，而不是 rem？
摘要：这篇文章是来自知乎的 主要的观点有以下几个： 1、移动端布局应该以面向逻辑像素px+flex为主，面向等比缩放的vx、vw、vmax、vmin为辅 2、遵循同样观看距离下，大屏看的更多而不是更大的设计实践来进行布局 地址：https://www.zhihu.com/question/31397122 阅读全文
posted @ 2020-01-03 16:11 zhaobao1830 阅读(221) 评论(0) 推荐(0) 编辑
媒体查询
摘要：1、布局视口，为了把网页在手机上显示，先创建一个虚拟的页面（布局视口），把页面显示出来，这个视口一般设为960宽度（或者更高），然后根据不用的手机，进行相应的缩放，这样就可以把一个页面显示在手机上（缩放不会改变它的大小） 2、可视视口 默认宽度是手机的宽度，也就是手机屏幕设备的宽度 页面在手机上显示 阅读全文
posted @ 2017-02-26 19:06 zhaobao1830 阅读(194) 评论(0) 推荐(0) 编辑
响应式网站的优点和缺点
摘要：优点： 一、减少工作量 1、网站、设计、代码、内容都只需要一份 2、多出来的工作量只是JS脚本、CSS样式做一些改动 二、节省时间，互联网领域，时间最重要，有时候一个项目发布的晚了，就会失去市场 三、每个设备都能得到正确的设计。市场上的不同设备，甚至未来出现的新设备，都可以使用，能够面向未来 四、不 阅读全文
posted @ 2017-02-26 11:37 zhaobao1830 阅读(728) 评论(1) 推荐(1) 编辑
响应式网站概念
摘要：1、flexible grid laout 弹性网格布局 2、flexible image 弹性图片 3、media queries 媒体查询 响应式网站是一个设计理念，它是多项技术的综合体 响应式网站不等于弹性布局 阅读全文
posted @ 2017-02-26 10:07 zhaobao1830 阅读(313) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示