CSS - 飘逸的风-分享点滴生活

当前位置：包含标签 CSS 的文章

如何禁止安卓Android或苹果IOS手机在微信中网页放大？

做H5项目，在手机微信端打开网页，由于一些手机的字号设置的很大，所以网页也会随之放大，这样就影响了网页整体美观。那么，怎样才能阻止手机微信里的网页放大呢？下面是安卓Android和苹果IOS的处理代码： 1、安卓（通过JS代码实现，借助WeixinJSBridge对象来阻止字体大小调整）： //Android微信中，借助WeixinJ...

2021-2-5 飘逸的风 0条评论 90人围观标签: CSS 阅读全文
CSS如何实现手机端底部导航绝对居中

最近在做一个web移动端的项目，底部导航菜单本来是固定的4个，后来客户要求，底部导航按钮可以后台编辑，也就是说，可以是4个，也可以是4个。但是，按照4个的距离设定好样式，当按钮增加5个的时候，整体样式就不对了。一种方法是程序动态调整每个按钮的宽度百分比，但是这样不够自动化。找了一些CSS相关资料，最终完美解决这个问题（这对于前端工程师来说是小菜一碟）。以下是解决方法： ....

2020-11-26 飘逸的风 0条评论 170人围观标签: CSS 阅读全文
iPhoneX top:0出现的问题解决办法

前言 iPhoneX还没有正式开售，目前网上对其适配就引发了不少争论和吐槽。下面我就来谈谈ios11的WebView Viewport 及iPhoneX刘海想到的。 ios11的WebView Viewport 为了适应iPhoneX的刘海，ios11顶部状态栏做了更改，更改之后，我们在iphone8中，假如设置一个固定元素，top: 0。就会出现如下情况。解决...

2017-12-20 飘逸的风 0条评论 6234人围观标签: CSS iphoneX 阅读全文
如何去除HTML5的input在type="number"时上下小箭头

在chrome下： input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{ -webkit-appearance: none !important; margin: 0; } Firefox下： ...

2016-11-29 飘逸的风 0条评论 4318人围观标签: CSS html5 阅读全文
CSS实现背景透明，文字不透明（兼容各浏览器）

在 FF/Chrome 等较新的浏览器中可以使用css属性background-color的rgba轻松实现背景透明，而文字保持不透明。而IE6/7/8浏览器不支持rgba，只有使用IE的专属滤镜filter:Alpha来实现，但是这样写法会把文字也变为透明，因此只有在透明容器的子节点（文本节点除外）内设置position:relative才能不继承其父元素的透明滤镜，代码如下： <...

2016-8-24 飘逸的风 0条评论 3540人围观标签: CSS 阅读全文
CSS高级选择器:nth-child()应用大全

详解CSS中:nth-child的用法前端的哥们想必都接触过css中一个神奇的玩意，可以轻松选取你想要的标签并给与修改添加样式，是不是很给力，它就是“:nth-child”。下面我将用几个典型的实例来给大家讲解:nth-child的实际用途： Tips：还用低版本的IE浏览器的哥们请绕过！ :nth-ch...

2016-1-8 飘逸的风 2条评论 14377人围观标签: CSS 阅读全文
解决IE8及以下版本不支持CSS3的nth-child()的写法

IE8 不支持很多新特效，网站首页图文列表出现错位问题，原因是 IE8 不支持 CSS3 :nth-child() 选择器引起的，关于对此问题的解决办法，有如下两种解决方法（部分内容来源于网络）：方法一：使用 + 来硬干nth-child() 一般这样写：遇到IE7、IE8的时候这样干：或这样：参考资料：Poor man’s nth...

2016-1-4 飘逸的风 0条评论 21724人围观标签: JQuery CSS 阅读全文
让绝对定位的DIV绝对居中显示的方法

绝对居中：即在客户端上任何分辨率下纵横方向均居中紫色的正方形为绝对定位的div position:absolute; top: 50%; ...

2015-12-27 飘逸的风 0条评论 5487人围观标签: CSS 阅读全文
css3 box-sizing属性详解

写CSS样式时，使用float:left，多列用百分比设置宽度再加边框，最后一列便会跳到下一行，CSS3中，有专门的解决方法：box-sizingbox-sizing属性可以为三个值之一：content-box（default），border-box，padding-box。content-box，border和padding不计算入width之内padding-box，padding计算入wid...

2015-12-21 飘逸的风 0条评论 7271人围观标签: CSS 阅读全文
详解 CSS 属性 - 伪类和伪元素的区别

转载文章收藏：首先，阅读 w3c 对两者的定义： CSS 伪类用于向某些选择器添加特殊的效果。 CSS 伪元素用于将特殊的效果添加到某些选择器。可以明确两点，第一两者都与选择器相关，第二就是添加一些“特殊”的效果。这里特殊指的是两者描述了其他 css 无法描述的东西。伪类种类伪元素种类区别这里用伪类 :fir...

2015-12-21 飘逸的风 1条评论 5572人围观标签: CSS 阅读全文