发表于: 2018-11-25 22:18:12

3 763


今天完成的事情:(一定要写非常细致的内容,比如说学会了盒子模型,了解了Margin)

 完成了任务15,任务14的。

之前的任务有一个出现了一个比较奇怪的问题,是关于图片的,在任务11中用sass重构登陆界面的时候

缩小后的大小,分辨率:


分辨率:

使用的代码是:

width: 0.27rem;
height: 0.41rem;

我使用的是rem单位,font-size是312.5%。

按照常理来说图片应该是正常显示,但是使用chrome浏览器调试的时候,拉伸却出现图片大小变大,刷新之后就好了,是不是属于css的加载机制的问题。

之前做的css5登陆界面没有对图片进行修改,所以大小没有变化,这里修改了图片的高宽。

css样式

.input  {
img{
width: 0.27rem;
height: 0.41rem;
padding-left: 6%;
vertical-align: middle;
padding-right: 6%;
border-right: {
width: 1px;
style: solid;
color: rgb(225, 229, 231);
}
}
}

html

<div class="input phone-num">
<img src="../css11/img/iphone.png" alt="phone" />
<label
><input type="tel" placeholder="请输入电话号码" maxlength="11"
/></label>
</div>

其他的就是css的任务基本完结,整理一下准备进入js了。

明天计划的事情:(一定要写非常细致的内容) 

整理css的内容
遇到的问题:(遇到什么困难,怎么解决的

图片大小在分辨率调试的时候出现大小问题,刷新之后就好了
收获:(通过今天的学习,学到了什么知识)

完成了css的任务


返回列表 返回列表
评论

    分享到