发表于： 2019-04-23 23:17:09
1 848
今天完成的事情：
基本完成了任务8手机端，还有一些组件的问题需要修改
遇到的问题：
一、 背景被吃了一角
明明是在div内，也没有被覆盖，莫名其妙缺了一角
后来发现是调整时代码出错了，上面的友情链接设置了float，但是没有设置position:relative，导致位置错乱
明天计划：
屏幕缩小后，卡片变形，听说要用table做，不会出现边框线条的问题
<div class="tag">
<img src="../images/t8/menu.png">
</div>
<div class="option">
<div><a href="main.html">首页</a></div>
<div><a href="job.html">职业</a></div>
<div><a href="intro.html">关于</a></div>
<div><a href="">推荐</a></div>
</div>
.option {
display: none;
}
.tag:hover + .option {
display: block;
}
使用hover做的选项卡，徒有其表，点一下就没了，不能跳转页面，明天要解决
收获：
重新复习了一下meta标签
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
参数解释：
width = device-width：宽度等于当前设备的宽度initial-scale：初始的缩放比例（默认设置为1.0）
minimum-scale：允许用户缩放到的最小比例（默认设置为1.0）
maximum-scale：允许用户缩放到的最大比例（默认设置为1.0）
user-scalable：用户是否可以手动缩放（默认设置为no，因为我们不希望用户放大缩小页面）
返回列表
评论