发表于： 2017-03-04 23:29:30
1 878
今天完成的事情：完成任务7
明天计划的事情：做任务8，
遇到的问题：一开始走了一条弯路，因为不了解bootstrap,直接在官网上复制了珊格布局的代码，代码里有一个超大屏幕的代码，导致顶部有个被定在1142宽的灰色标题，然后我以为用了bootstarp都是这样的，就把所有div也定在1142的宽。
后来经师兄指导，开始重新布局。
设置雪碧图的时候，在要做相对定位的div外面再包一个div，然后把雪碧图设置为这个div的背景图，设置的时候加这个代码
background: none;
让背景图不显示，然后设置一个这个，让背景图不铺满div
background-repeat: no-repeat
然后hover的时候再让它显示出来。
设置珊格的时候，col-xs col-sm 都要用
前者是设置超小屏幕占几格，后者是中屏幕占几格，这里都设置成4 可以让宽度过窄时 div不换行
然后用媒体查询做自适应
设置超链接的时候，加一条这个，可以让链接转到新页面打开
target="_blank"
收获：今天第一次使用了媒体查询，感觉很好用，还有雪碧图，但是感觉我用的方式不太对，虽然目的达到了。 感谢师兄耐心指导我。
返回列表
评论