随笔分类 -  css

移动端input的虚拟键盘影响布局
摘要：移动布局经常会使用绝对定位(absolute)和固定定位(fixed)来布局一个层。然后这个层上面会有一些信息，当这个层上面为input时，移动端输入信息则会弹出虚拟键盘，从而会影响我们的布局，给我们带来困扰。经常碰到却很少整理，再次碰到又是一头雾水，趁着这次有空，我把我测试成功的方法记录下来。具体 阅读全文
posted @ 2017-06-19 17:40 凉紫筱 阅读(862) 评论(0) 推荐(0)
响应式布局与媒体查询
摘要：1. 为了确保适当的绘制和触屏缩放，需要在 <head> 之中添加 viewport 元数据标签。 <meta name="viewport" content="width=device-width, initial-scale=1"> 或者 <meta name="viewport" conten 阅读全文
posted @ 2017-03-10 15:20 凉紫筱 阅读(363) 评论(0) 推荐(0)
css属性选择器诸如Class^=,Class*= ,Class$=释义
摘要：在Bootstrap的css中看到如下选择器代码： 仔细查了下含义以及相关使用，记录如下。 1.选择其中的value值也可以加引号 2.示例 (1).下面代码会查找出class名称为 ‘col-’ 开头的div (2).下面代码会查找出所有class名为 ‘item’ 的div 3.css选择器具体 阅读全文
posted @ 2017-03-10 14:06 凉紫筱 阅读(2348) 评论(0) 推荐(1)