<html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible ...
分类:
Web程序 时间:
2017-10-06 15:53:32
阅读次数:
191
1、运用css3的nth-child(3n): 2、运用margin负值(该方法可以兼容老版浏览器): ...
分类:
Web程序 时间:
2017-09-15 13:46:57
阅读次数:
280
有过移动端web开发经验的人应该都会遇到这个问题,一个input在页面最底部或者偏下的位置,输入时由于输入法的弹出,在部分浏览器下由于不会自动计算window的高度,导致input被输入法挡住。本文的解决方式是利用scrollTop来解决,在input获取焦点后,动态地设置body的高度并设置scr ...
分类:
移动开发 时间:
2017-09-08 18:37:23
阅读次数:
2748
如果我们布局的是后是fixed并且想要高度为100%的时候,我们一般会这样设置: 但是这样并不会出现滚动条,正确的做法应该设置top和bottom为0: ...
分类:
Web程序 时间:
2017-08-31 12:43:33
阅读次数:
318
场景: 最左边这栏我不行让他换行,怎么办呢? 下面是解决办法: [plain] view plain copy table{ width:100px; table-layout:fixed;/* 只有定义了表格的布局算法为fixed,下面td的定义才能起作用。 */ } td{ width:100% ...
分类:
Web程序 时间:
2017-08-22 17:35:34
阅读次数:
186
1. 导航高亮 导航高亮是一种很常见的问题,包括当前页面的导航在菜单里面高亮和hover时高亮。你可以用js控制,但是用一点CSS技巧就可以达到这个目的,不需要使用JS。 在正常态时,每个导航的默认样式为: 当前页面的导航透明度为1. 为了实现这个目的: 首先通过body给不同的页面添加不同的类,用 ...
分类:
Web程序 时间:
2017-08-17 17:18:43
阅读次数:
198
纯CSS实现移动端常见布局——高度和宽度挂钩的秘密 不踩坑不回头.之前我在一个项目中大量使用css3的calc计算属性.写代码的时候真心不要太爽啊…可是在项目上线之后,才让我崩溃了,原因非常easy,在低于安卓4.4的版本号的手机上,自带的浏览器是不支持这个属性的. 好吧,这还不时最坑爹的,在国产的 ...
分类:
移动开发 时间:
2017-07-10 14:37:29
阅读次数:
226
父元素的盒子包含一个子元素盒子,给子元素盒子一个垂直外边距margin-top,父元素盒子也会往下走margin-top的值,而子元素和父元素的边距则没有发生变化。 HTML,CSS: 解决方法: 1、修改父元素的高度,增加padding-top样式模拟(padding-top:1px;常用) 2、 ...
分类:
移动开发 时间:
2017-06-12 00:40:17
阅读次数:
259
1.img与div容器下有间隔的解决方法 方法一: 定义图片img标签vertical-align:bottom,vertical-align:middle,vertical-align:top。 方法一: 定义图片img标签vertical-align:bottom,vertical-align: ...
分类:
Web程序 时间:
2017-06-10 15:25:31
阅读次数:
141
最近在做项目中,发现在移动端长按会出现复制黏贴菜单按钮,经过查询资料,解决了此问题; ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 苹果端可以css解决:*{-webkit-touch-callout: none;} ~~~~~~~~~~~~~~~~~~~~ ...
分类:
其他好文 时间:
2017-06-05 14:07:18
阅读次数:
469