-
如何禁止安卓Android或苹果IOS手机在微信中网页放大?
做H5项目,在手机微信端打开网页,由于一些手机的字号设置的很大,所以网页也会随之放大,这样就影响了网页整体美观。那么,怎样才能阻止手机微信里的网页放大呢? 下面是安卓Android和苹果IOS的处理代码: 1、安卓(通过JS代码实现, 借助WeixinJSBridge对象来阻止字体大小调整): //Android微信中,借助WeixinJ... -
CSS如何实现手机端底部导航绝对居中
最近在做一个web移动端的项目,底部导航菜单本来是固定的4个,后来客户要求,底部导航按钮可以后台编辑,也就是说,可以是4个,也可以是4个。但是,按照4个的距离设定好样式,当按钮增加5个的时候,整体样式就不对了。 一种方法是程序动态调整每个按钮的宽度百分比,但是这样不够自动化。找了一些CSS相关资料,最终完美解决这个问题(这对于前端工程师来说是小菜一碟)。 以下是解决方法: .... -
iPhoneX top:0出现的问题解决办法
前言 iPhoneX还没有正式开售,目前网上对其适配就引发了不少争论和吐槽。下面我就来谈谈ios11的WebView Viewport 及iPhoneX刘海想到的。 ios11的WebView Viewport 为了适应iPhoneX的刘海,ios11顶部状态栏做了更改,更改之后,我们在iphone8中,假如设置一个固定元素,top: 0。就会出现如下情况。 解决... -
如何去除HTML5的input在type="number"时上下小箭头
在chrome下: input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{ -webkit-appearance: none !important; margin: 0; } Firefox下: ... -
CSS实现背景透明,文字不透明(兼容各浏览器)
在 FF/Chrome 等较新的浏览器中可以使用css属性background-color的rgba轻松实现背景透明,而文字保持不透明。而IE6/7/8浏览器不支持rgba,只有使用IE的专属滤镜filter:Alpha来实现,但是这样写法会把文字也变为透明,因此只有在透明容器的子节点(文本节点除外)内设置position:relative才能不继承其父元素的透明滤镜,代码如下: <... -
CSS高级选择器:nth-child()应用大全
详解CSS中:nth-child的用法 前端的哥们想必都接触过css中一个神奇的玩意,可以轻松选取你想要的标签并给与修改添加样式,是不是很给力,它就是“:nth-child”。 下面我将用几个典型的实例来给大家讲解:nth-child的实际用途: Tips:还用低版本的IE浏览器的哥们请绕过! :nth-ch... -
解决IE8及以下版本不支持CSS3的nth-child()的写法
IE8 不支持很多新特效,网站首页图文列表出现错位问题,原因是 IE8 不支持 CSS3 :nth-child() 选择器引起的,关于对此问题的解决办法,有如下两种解决方法(部分内容来源于网络): 方法一:使用 + 来硬干nth-child() 一般这样写: 遇到IE7、IE8的时候这样干: 或这样: 参考资料:Poor man’s nth... -
让绝对定位的DIV绝对居中显示的方法
绝对居中:即在客户端上任何分辨率下纵横方向均居中 紫色的正方形为绝对定位的div position:absolute; top: 50%; ... -
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... -
详解 CSS 属性 - 伪类和伪元素的区别
转载文章收藏: 首先,阅读 w3c 对两者的定义: CSS 伪类用于向某些选择器添加特殊的效果。 CSS 伪元素用于将特殊的效果添加到某些选择器。 可以明确两点,第一两者都与选择器相关,第二就是添加一些“特殊”的效果。这里特殊指的是两者描述了其他 css 无法描述的东西。 伪类种类 伪元素种类 区别 这里用伪类 :fir...
当前位置: 包含标签 CSS 的文章