1. 所以一开始通过js来加：
function addTarget(){
var tag_a = document.getElementsByTagName('a')
for (var i = tag.length - 1 i >= 0 i--) {
tag_a[i].setAttribute("target","_blank")
}
}
window.onload = addTarget()
但不知为何无法生效。
2. 然后就想到可以通过设置css来使默认的a都自带target属性，即：
a {
target : _blank
}
发现也行不通。原因是css中没有target属性，不能直接在css中这样写。
3. 最后查资料，发现可以在head标签中加入：
<base target="_blank" />
通过css3的媒体查询功能。不同的分辨率之下赋予标签不同的背景图片，可以实现上述功能。@media screen and (min-width: 1200px) {
body {
background: blue
}
}
例子是1200像素显示body为蓝色，background的值是可以为图片的。
想要有多个媒体查询，需要一个个的写上去，设置好不同的分辨率。
你好，这个需要使用媒体查询来实现。
.gridContainer {
margin-left: auto
margin-right: auto
width: 86.45%
}
.img { width:50%}
@media only screen and (min-width: 481px) {
.gridContainer {
width: 90.675%
padding-left: 1.1625%
padding-right: 1.1625%
}
.img { width:60%}
}
@media only screen and (min-width: 769px) {
gridContainer {
width: 88.5%
max-width: 1232px
}
.img { width:80%}
}
