关键词:
1、浏览器的差距
浏览器默认的字体是16px,谷歌的最小字体是12px,其他是10px
2、ie6、ie7、ie8、
hack:就是针对不同的浏览器去不同的html,css样式,从而让各个浏览器能达到一致的渲染效果
html的hack:写在html的标签中
css的hack:写在css的样式中
3、符号
&it;< &ite; <= > > >e; >=
4、html hack的写法
(1)、<!--[if ite ie8]>
<![end if ]-->
小于等于ie8以下才会出现
(2)、<!--[if ie8]>
<![end if ]-->
只在ie8下出现
5、css hack
(1)、值hack,特殊符号
ie6专用符号是 -和 短横和下划线
ie6和ie7同时专用的hack,属性前加!或+ 等
ie8专用的hack属性值后分号前加 /
ie6 7 8 9 10 同时专用的,是属性值后分号前加9
(2)、选择器hack ,特殊符号写在选择器上
ie6和ie7专用 *div{}
ie6和ie7同时专用的 div,{}
除了ie6 html>body div{}
*注:渲染:渲染就是浏览器的一种能力,将图片,文字,样式等展现出来
向下兼容:新属性值在高版浏览器向低版本处理这种方法
5、BFC
BFC全称:Block Formatting Context,翻译过来就是“块级格式化上下文”,它是w3c css.2./规范中的一个概念,决定元素如何对其内容定位。
(1)、如何让一个元素具有bfc规范呢?
a、根元素;
b、float属性不为none;
c、position为absolute 或fixd;
d、display为inline-block,table-cell,table-capition,fixd,inline-flex
e、overflow不为visible;
(2)、BFC的作用
a、给父级元素清除浮动,避免高度塌陷;
b、垂直margin合并
c、在两栏布局中,可以用BFC避免浮动兄弟元素的遮盖
(3)、BFC的布局
a、内部的box会在垂直方向,一个接一个地放置;
b、box垂直方向的距离由margin决定的,属于同一个BFC的两个box的margin会发生重叠;
c、每一个元素的margin box的左边与包含块border box的左边相接触(对于从左往右的格式化,否则相反),即使存在浮动也是如此;
d、BFC的区域不会与float box重叠;
e、BFC就是页面上的每一个独立容器,容器里面的子元素不会影响到外面的元素,反之也是如此;
f、计算BFC的高度时,浮动元素也参与计算。
ie6ie7ie8及其他浏览器多个元素并排显示
IE6、IE7、IE8及其他浏览器多个元素并排显示HTML代码<divclass="line"><h1>全部input框</h1><inputplaceholder="我是输入框..."type="text"><inputplaceholder="我是输入框..."type="text"><inputtype="text"place 查看详情
html5shiv.js让吃屎的ie6ie7ie8支持html5去吧
插件介绍用于解决IE9以下版本浏览器对HTML5新增标签不识别,并导致CSS不起作用的问题。所以我们在使用过程中,想要让低版本的浏览器,即IE9以下的浏览器支持,那么这款html5shiv.js是一个非常好的选择!上面这段代码仅会在IE... 查看详情
支持ie6ie7ie8等低端浏览器的简化版vue(代码片段)
...理,写了一个简化版的Vue,可以在支持IE6、IE7、IE8等低端浏览器运行。由于低端浏览器不支持对象属性定义,所以设置属性不支持直接赋值,需要调用虚拟机实例的set方法。目前只实现了基础的方法,后续继续完善!index.html<!... 查看详情
从通用浏览器访问智能卡的架构?或者:如何弥合从浏览器到 PC/SC 堆栈的差距?
】从通用浏览器访问智能卡的架构?或者:如何弥合从浏览器到PC/SC堆栈的差距?【英文标题】:ArchitecturestoaccessSmartCardfromagenericbrowser?Or:HowtobridgethegapfrombrowsertoPC/SCstack?【发布时间】:2013-04-0409:14:19【问题描述】:有哪些可能的... 查看详情
ie6ie7ie8的阴影和渐变填充
Seefullcodeworkingon:http://www.cssplay.co.uk/menus/css3-ie-dropdown.html CSS:===============/*================================================================Thiscopyrightnoticemustbeuntouchedatalltimes. Theoriginalversionofthisstylesheetandtheassociated(x)htmlisavailableathttp://ww... 查看详情
缩略图轮播,主滑块和缩略图之间的巨大差距
...接JustAnotherSimplejQueryImageSliderPlugin-smSlider查看演示并调整浏览器大小。在移动设备和平板电脑尺寸中,您可以看到主滑块和缩略图之间的巨大空间。我试 查看详情
浏览器兼容
浏览器浏览器和浏览器之间是由差距的,这个差距是由浏览器自身的内核决定的。每个浏览器都有自己的前缀,主要解决css3中的兼容问题。Chrome(谷歌)的前缀-webkit-Firefox(火狐) 的前缀-moz-Ie的前缀 -ms- Opera(欧朋)&nbs... 查看详情
IOS - html链接不起作用 - 电话差距
...用程序可以在android上运行,html文件可以在safari和Windows等浏览器中运行。一切都很好。但是,当我进入iOS模拟器时,实际上所有链接都不起作用。链接的目的只是从一个页面导航到另一个页面。我不知道 查看详情
程序core了,看到的还是问号
...没有调试信息,可以用命令查看:两个符号表的大小是有差距的差距6个,这个表示符号表的index的个数。查下段表更清晰:编译的时候可以采用-g编译,然后发布的时候去掉符号表,可以使用命令:strip。如下最简单的处理下:可... 查看详情
# 浏览器 URL 栏中的符号
】#浏览器URL栏中的符号【英文标题】:#symbolinURLbarofthebrowser【发布时间】:2017-11-0808:39:52【问题描述】:我的jsx中有这个,#用于在用户点击a标签时停止链接。<atarget=obj.handlerName===\'detail\'?`_blank`:\'\'href=obj.handlerName===\'detail\'?`/... 查看详情
通过闪亮的包R在浏览器中显示符号
】通过闪亮的包R在浏览器中显示符号【英文标题】:DisplaysymbolsinbrowserviashinypackageR【发布时间】:2014-01-0714:36:03【问题描述】:我的闪亮应用中有以下数字输入:numericInput(inputId="beta",label="beta:",value=0.05,step=0.01),是否可以在网络... 查看详情
我可以在浏览器的表单/文本区域中更改闪烁的插入符号吗? [复制]
】我可以在浏览器的表单/文本区域中更改闪烁的插入符号吗?[复制]【英文标题】:CanIchangetheblinkingcaretinaform/textareainabrowser?[duplicate]【发布时间】:2011-08-3021:08:39【问题描述】:我想在我的网页文本字段中添加一个自定义文本... 查看详情
在 Chrome 中呈现的表情符号的宽度与在其他浏览器中不同
】在Chrome中呈现的表情符号的宽度与在其他浏览器中不同【英文标题】:EmojirenderedinChromehavedifferentwidthsthaninotherbrowsers【发布时间】:2017-06-2008:17:25【问题描述】:我有一个带有表情符号的页面,后跟一个空格和一些文本。例如... 查看详情
我怎样才能摆脱 chrome 或其他浏览器中的录音符号?
】我怎样才能摆脱chrome或其他浏览器中的录音符号?【英文标题】:HowcouldIgetridoftherecordingsymbolinchromeorotherbrowsers?【发布时间】:2015-01-2908:36:19【问题描述】:我目前正在使用RecordRTC录制用户的音频。它工作得很好!除非录制已... 查看详情
如果浏览器没有扩展语法(...函数中的符号)支持,我如何检测/回退?
】如果浏览器没有扩展语法(...函数中的符号)支持,我如何检测/回退?【英文标题】:HowDoIDetect/FallbackIfTheBrowserHasNoSpreadSyntax(...NotationInFunctions)Support?【发布时间】:2019-08-0310:32:21【问题描述】:对于那些不知道的人来说,展... 查看详情
Webkit浏览器中列表编号和项目符号的CSS ::选择自定义颜色?
】Webkit浏览器中列表编号和项目符号的CSS::选择自定义颜色?【英文标题】:CSS::selectioncustomcoloronlistnumbers&bulletsinwebkitbrowsers?【发布时间】:2012-08-2520:57:38【问题描述】:我使用CSS::selection规则在我的网站上使用自定义突出显... 查看详情
获取内容可编辑的插入符号位置
...了大量关于如何设置contentEditable元素中插入符号位置的跨浏览器的好答案,但没有关于如何获取插入符号位置放在首位。我想要做的是知道keyup上div中的插入符号位置。因此,当用户输入文本时,我可以随时知道contentEditable元素... 查看详情
短期差距与平均差距
】短期差距与平均差距【英文标题】:ShortGapvsAverageGap【发布时间】:2017-09-0717:32:24【问题描述】:给定一个由任意实数组成的有序数组A[1...n]对于每个i∈[1...n-1];A[i+1]-A[i]是A的第i个间隙。a)计算A的n-1个间隙的平均间隙。--Try1:... 查看详情