问题:默认样式下,div包裹img。div的高度会高于img的高度,这是什么原因呢?是浏览器就是这么渲染的,还是图片的某个样式属性的作用呢?除了通常设置图片display:block外,还有别的方法让div的高度自适应图片的高度吗?
代码图如下:
...
先来看一下朋友网是怎么指定IE的文档模式的:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=7, IE=9">
...
先来看一段代码:
<a href="http://www.kuabaobao.com/" target="_blank">
<span>挎包包</span> <!--IE or FF 下鼠标放上去是手形状-->
<label>kuabaobao</label> <!--FF 下鼠标放上去是手形状; IE 下鼠标放上去是箭头形状-->
...最近由于公司裁员,忙着在找工作,看到很多公司招聘《前端开发工程师》等类似职务,看了职务要求,比如:
职位要求
1、精通各种Web前端技术,包括XHTML/ XML/ CSS/ Javascript(JS或AS精通一种即可)等
2、习惯于手写符合W3C标准、兼容多种浏览器的前端页面代码
3、深刻理解Web标准,对可用性、可访问性等相关知识有实际的了解和实践经验
...这篇文章是根据目前 chrome 稳定版(19.0.1084.52 m)写的, 因为 google 也在不断完善chrome developer tool, 所以 chrome 版本不同可能稍有差别. 一些快捷键也是 windows 上的, mac 下的应该大同小异.
常规的断点相关的 breakpoint/conditional-breakpoint/call-stack/watch-expressions 等就不涉及了.
...下边是读取json填充select标签,因为分类是无限的,所以采用js的递归方法:
var json = { "parents": [ { "name": "餐饮", "childrens": [ { "name": "小吃", "childrens": [ { "name": "东北小吃" } ] }, { "name": "大吃" } ] }, { "name": "酒店" }, { "name": "度假村", "childrens": [{ "name": "海南" }, { "name":"三亚", "childrens": [] } ] } ] };
...X-UA-Compatible是针对ie8新加的一个设置,对于ie8之外的浏览器是不识别的,这个区别与content="IE=7"在无论页面是否包含<!DOCTYPE>指令,都像是使用了 Windows Internet Explorer 7的标准模式。而content="IE=EmulateIE7"模式遵循<!DOCTYPE>指令。对于多数网站来说,它是首选的兼容性模式。目前IE8尚在测试版中,所以为了避免制作出的页面在IE8下面出现错误,建议直接将IE8使用IE7进行渲染。也就是直接在页面的header的meta标签中加入如下代码:<meta http-equiv="X-UA-Compatible"