.box {
	background-color:#CCCCCC;
	position:relative;
	width:300px;
	height:300px;
	margin:20px auto;
}
.box:before {
	content:"";
	box-sizing:border-box;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	font-size:0;
	line-height:0;
	border-radius:0;
	border:1px solid #F80B0F;
	-webkit-transform-origin:0 0;
	transform-origin:0 0;
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),not all {
	.box:before {
	width:150%;
	-webkit-transform:scale(0.66666667);
	transform:scale(0.66666667);
}
}@media only screen and (-webkit-min-device-pixel-ratio:2),not all {
	.box:before {
	width:200%;
	-webkit-transform:scale(0.5);
	transform:scale(0.5);
}
}@media only screen and (-webkit-min-device-pixel-ratio:3),not all {
	.box:before {
	width:300%;
	-webkit-transform:scale(0.3333);
	transform:scale(0.33333);
}
}