CSS
文章平均质量分 55
CSS
_Boboy
一线 Github 搬运工,为 API 生,为 框架 死,为 debug 奋斗一辈子。对,就是这样。工作之余简单写一写。
展开
-
移动端判断手机横竖屏状态及加载相应样式或内容的解决方案
移动端的开发过程中,免不了要判断横竖屏,然后在执行其他操作,比如分别加载不同样式或内容等等。首先在做移动端开发的时候,在HTML页面head中加入如下代码<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">在以下的方法中使用media来判断屏幕宽度可能会遇到的问题,ios上当我旋转屏幕的时候可行,但是安卓机上没反应,横屏显示.原创 2021-03-02 14:59:38 · 579 阅读 · 0 评论 -
Flex布局教程:语法篇-阮一峰
Flex 布局教程:语法篇参考作者: 阮一峰详细可参考:详解 实例网页布局(layout)是 CSS 的一个重点应用。布局的传统解决方案,基于盒状模型,依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。2009年,W3C 提出了一种新的方案----Flex 布局,可以简便、完整、响应式地实现各种页面...转载 2019-03-21 17:08:03 · 386 阅读 · 0 评论 -
CSS如何让元素水平,垂直,水平且垂直居中(最全集)
CSS居中是前端工程师经常要面对的问题,也是基本技能之一。今天有时间把CSS居中的方案汇编整理了一下,如有漏掉的,还会陆续的补充进来,算做是一个备忘录吧。元素水平居中的方式1.行内元素水平居中利用 text-align: center 可以实现在块级元素内部的内联元素水平居中。此方法对内联元素(inline), 内联块(inline-block), 内联表(inline-table),...原创 2019-04-06 22:09:40 · 7314 阅读 · 5 评论 -
全国哀悼日全站变灰CSS怎么码?
-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: url("data:image/svg+xml;utf8,<svg xmlns=\'ht...原创 2020-04-10 10:45:08 · 270 阅读 · 0 评论 -
React项目如何在Less中使用calc问题
注意:中间的运算符两头都要有空格!!!要使用~符号例子:div { height: calc(~"100vh - 88px");}原创 2020-03-17 16:02:42 · 1290 阅读 · 0 评论