响应式 - 随笔分类 - 南瓜壳

摘要：http://www.bootcss.com/p/lesscss/ 阅读全文

posted @ 2017-09-07 10:11 南瓜壳阅读(151) 评论(0) 推荐(0) 编辑

摘要：关于导航按钮在其他尺寸下显示问题1.Bootstrap第4177行@media (min-width: 768px) { .navbar-header { float: left; }}修改为@media (min-width: 992px) { .navbar-header { float: le 阅读全文

posted @ 2017-09-01 13:36 南瓜壳阅读(164) 评论(0) 推荐(0) 编辑

响应式技能储备

摘要：技能储备：（响应式网站使用较多）1.background-size: cover;背景图自适应2.背景图上面带文字最新写法：就还是按照背景图片和文字这样写啊只不过这个背景图需要自适应background-size: cover;给框加个padding值，文字直接放里面就行了啊想要保证上下居中的话阅读全文

posted @ 2017-09-01 09:00 南瓜壳阅读(155) 评论(0) 推荐(0) 编辑

响应式选项卡

摘要：<!DOCTYPE html><html lang="zh"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><meta name="viewport" content 阅读全文

posted @ 2017-07-24 09:13 南瓜壳阅读(240) 评论(2) 推荐(0) 编辑

利用@media screen实现网页布局的自适应

摘要：利用@media screen实现网页布局的自适应优点:无需插件和手机主题,对移动设备友好,能够适应各种窗口大小。只需在CSS中添加@media screen属性,根据浏览器宽度判断并输出不同的长宽值 1280分辨率以上（大于1200px） 1100分辨率（大于960px，小于1199px） 88 阅读全文

posted @ 2017-07-24 09:07 南瓜壳阅读(172) 评论(0) 推荐(0) 编辑

南瓜壳

随笔分类 - 响应式

公告