2、把游戏界面的内容缩小，使其适应屏幕宽度；
3、使用媒体查询，根据屏幕宽度调整游戏界面的布局；
4、使用响应式布局，根据屏幕宽度调整游戏界面的布局；
5、使用CSS3的flex布局，根据屏幕宽度调整游戏界面的布局。
主要是切图了，把这个效果分割3块。上面图片（包括圆角，整个图片的上面），中间平铺图片（就是你图中的这种效果），下面图片（同样包括圆角，整个图片的下面）。
然后中间写代码就可以了。
.box{border:2px solid transparent
background-color:#000
}
.box:hover{
border:2px solid #fff
background-color:rgba(0,0,0,0.5)
}
初始时像我的例子那样设置边框为透明很重要，不然移入时加边框会产生位移。另外如果你用的不是背景色而是背景图的话就像下面那样写
.box:hover{border:2px solid #fff
filter:alpha(opacity=50)
-moz-opacity:0.5
opacity:0.5
}
