响应式教程
使用CSS Grid Generator拖拽生成响应式栅格代码
如果你是CSS小白，不会使用复杂的UI框架，又需要开发一个响应式网站，那么我的站长站推荐你使用CSS Grid Generator，直接拖拽网格，就可以立即生成响应式CSS代码，复制到自己项目即可使用。使用方法1、首先根据你的项目需求，生成指定的列数和网格数量2、然后拖到...
CSS Grid Generator在线拖拽生成响应式栅格CSS代码工具
工具介绍假如你不会使用CSS开发响应式网格网站，那么我的站长站推荐你可以看看试试这个工具。CSS Grid Generator是一款支持在线拖拽网格，即可生成响应式栅格CSS代码的工具。可以帮助开发人员更轻松...
全套@media响应式布局代码方案分享
// 320@media screen and (min-width: 320px) { html { font-size: 15px; }}// 360@media screen and (min-width: 360px) { html { font-size:15px; }}// 375 iphone 678@media screen and (min-width: 375px) { html...
less响应式布局方案分享
分享一套作用的less响应式布局方案，因为less不支持函数方法，所以只能使用计算方法，来实现自动换算终端分辨率比例的功能，下面这套是我的站长站自用的方案，分享给大家。// 默认大小，放在最上面html { font-size: 50px;}// 我们此次定义的划分的份数 为 1...
利用JavaScript判断页面宽度的响应式布局方法
分享一个我的站长站自用的响应式网站布局方法，非常简单好用。利用JavaScript判断页面宽度，结合rem单位， 实时修改网站尺寸，达到响应式布局方法。首先前端开发中，样式尺寸单位全部用rem，比如：.content{width: 8rem;border-radius: 0.15rem;font-size: 0.95re...