[CSS] Build Responsive CSS Layouts with Tachyons

响应式布局技巧
本文介绍如何使用Tachyons CSS框架结合Flexbox实现响应式网页布局。从移动端优先设计出发,利用flex-column和flex-row类调整元素方向及位置,使网站在不同屏幕尺寸下都能保持良好体验。

Building responsive css layouts is critical in any modern website. Tachyons makes this easy by designing for mobile first then enabling you to switch directions and positions of elements when the site scales up to desktop sizes. This lesson walks you through using Tachyons with flexbox and leveraging the flex-column and flex-rowclasses to respond to mobile and desktop sizes.

 

Doc 

 

转载于:https://www.cnblogs.com/Answer1215/p/6666926.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值