博客 – 阿西河

CSS iPhone 和 Android 的浏览器模式自动调整字体大小

0001年1月1日 1 分钟阅读

-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; iPhone 和 Android 的浏览器纵向 (Portrate mode) 和橫向 (Landscape mode) 模式皆有自动调整字体大小的功能。控制它的就是 CSS 中的 -webkit-text-size-adjust。

CSS

CSS reset.css

0001年1月1日 1 分钟阅读

初始化文件 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 /*reset*/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{padding:0;margin:0;} table{border-collapse:collapse;border-spacing:0} fieldset,img{border:0}

CSS

CSS 上中下三栏自适应高度

0001年1月1日 1 分钟阅读

原理是 header 和 footer 用position:absoluteL 做绝对定位；然后中间的 midel 的width和height实现 100%； HTML 代码如下： 1 2 3 4 5 6 7

CSS

CSS 中栏固定宽度，左右两栏宽度自适应

0001年1月1日 2 分钟阅读

最简单的是 div 中间居中；可以用 margin 来实现； 1 2 3 4 5 6 7 .div1{ width: 500px; height:100px; background:orange; margin: 0 auto; /*margin必须的*/ } 中间栏固定，左右自适应；代码如下，有点像双飞

CSS

css 修改浏览器默认滚动条样式

0001年1月1日 1 分钟阅读

页面中默认的样式比较丑；可以美化下；美化后的滚动条如下 CSS 代码如下 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 .cnc-index .team-wrap .team-item{ width: 430px; height: 170px; overflow-x:

CSS