程序员写的技术 FAQ 和杂文

IE6 怎么遮住select  IE6无法遮住的，有两种方法 1、自己写select样式，熟悉DIV+CSS才行 2、用JS控制把select设成不可用，这个经过测试是玩的，假的，不管用。呵呵 3， 使 h2 元素不可见： h2 { visibility:hidden; } 用这个管用。还不失去占位。真真的好。 使用div制作蒙版或模拟弹出窗口，但在I

当然要调成块属性：display:block;再设宽度就可以了。

效果是这样的：代码：document.getElementById("head_view").setAttribute('content','width=device-width, initial-scale=0.1, user-scalable=yes, minimal-ui');可以用 JS 判断来实现。

【荷兰】Peter Paul Koch奇舞团翻译2015年6月第1版。月影领着翻译的360奇舞团（奇虎75Team）是 奇虎360公司Web平台部前端工程师 + 部分特约嘉宾 组成的一个前端团队。http://caibaojian.com/75team固定布局、流动布局二选一现在是弹性布局。分析及解决方案。挑战：操作系统、浏览器、Android机型适配到开发过程中要用到的视口、CSS特性、触屏事件...

无解，小心使用。或给父元素定个固定高度来控制。

书的内容一般，没有带来惊喜。快速读完。一，响应式设计入门固定宽度（960 像素）响应式网页设计 RWD Responsive Web Design（整合：弹性网格布局，弹性图片，媒体和媒体查询）HTML5 强调简化标签二，媒体查询    支持不同的视口三，拥抱流式布局四，响应式设计中的 HTML5五，CSS3 选择器、字体，颜色模式六，阴影，渐变效果七，过渡，变形，动画八，表单九，解决跨浏览器问题...

通过 chrome 浏览。只限于 H5 的通过分辨率判断的网页就是对于不同分辨率的设备进行不同的样式渲演。chrome => f12 => Audits => Perform an auit ...看到第一行的选项了吧。有手机型号，有宽，高，比例这就几个最常用。...

代码：@media screen and (min-width:991px) and (max-width:1199px) {｝min 含 991max 不含 1199

https://blog.youkuaiyun.com/u013127850/article/details/73802503结论是选用 rem  的单位 1.6rem 相当于 16px

overflow: hidden;     white-space: nowrap;     text-overflow: ellipsis; 再加上宽度限制。运行测试的网址：http://www.w3school.com.cn/tiy/t.asp?f=dom_changetext

CSS3中的样式定义方法；-webkit-margin-before: 1em;-webkit-margin-after: 1em;分别定义p的上边距和下边距的数值是1倍字体高度，如10px像素的字，那么边距就为10px; -webkit-margin-start: 0px;-webkit-margin-end: 0px; 上面二句则定义为左右边距都为0px同理：-webkit-padding-s...

2, 安装 ruby ruby -v ruby 2.4.2p198 (2017-09-14 revision 59899) [x64-mingw32] 这个是下载安装 exe 文件来进行安装的。 3，安装 sass gem install sass sass -v Sass 3.5.3 (Bleeding Edge) 参考： https://w

一看这个题目就知道是个坑，再看内容干货很多。转载之。 中文原文：CSS在Internet Explorer 6, 7 和8中的差别 译自：CSS Differences in Internet Explorer 6, 7 and 8 版权所有，转载请注明出处，多谢！ 关于浏览器的最离奇的统计结果之一就是Internet Explorer 版本6，7和8共存。截至本文

http://www.divcss5.com/rumen/r307.shtml 二种， 一tkh

目前越来越多的浏览器兼容CSS3标准了，就连IE浏览器老大哥也开始向CSS3低头，微软宣布IE9浏览器支持更多的CSS3属性，IE9更注重HTML5标准。不过CSS3里有一个使对象旋转的属性transform rotate，号称兼容CSS3的浏览器对它的支持也不算好，好在Firefox、Webkit和Opera这些浏览器都已经提供了官方的hack去支持这个属性。唯独在IE浏览器里对这个transf

.rat0 { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); } .rat1 { -webkit-transform: rotate(20deg); -moz-transform: rotate(20deg); } .rat2 { -webkit-transform: rotate(-20deg); -

样式代码： .alert{filter:alpha(opacity=100); /* IE */ -moz-opacity:1.0; /* Moz + FF */ opacity: 1.0; height:300px; width:500px; background:#ccc; left:50%; top:50%;margin-top:-150px;margin-left:-2

看了此文，还是用标准写法比较好。CSS 与 JS 都如此。 Css Hack div { width:300px; height:300px; background-color:blue; /*firefox*/

http://www.divcss5.com/ 这个网站介绍些 css 相关的内容。 查起来比较方便。 http://www.divcss5.com/rumen/ 这个版块更是我中意的。PS.这章内容是我特别写的格式。以后尽量用此格式来书写。

>>> .brand-box .el-select__tags-text { width: 155px; display: inline-block; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; } scoped 表示此样式代码作用域是此文件。 >>> 表示可以选中类：.

这个阴影是浏览器生成的，去掉办法：#input:focus { -webkit-box-shadow: 0 0 0 #fff; -moz-box-shadow:0 0 0 #fff; ｝