说说目前遇到的一些坑

本文介绍了解决div内图片位置异常及响应式布局中边框处理的方法。对于图片显示问题,通过调整字体大小或使用背景图片的方式解决;针对border不支持百分比宽度的问题,采用box-sizing属性设置为border-box来实现宽度与边框同时响应。

1.div里面包住的图片会在div下面

解决:给body设置一个font-size=16px;

OK,能能解决大部分图片了。偶尔还有一两个还是这种情况:

解决:1,字体大小是可以继承的,一层一层的审查元素,有时去掉外面的div就好了

         2,来个粗暴的方法:直接设成背景图片

 

2.在写响应式布局时,宽度都用百分比了,可border怎么办?boeder是不支持百分比的

解决:

 div
{
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
width:50%;
float:left;
 
就是量宽度时,把边框一起量进去,再把box-sizing改成border-box就万事大吉了

转载于:https://www.cnblogs.com/zhaowenxin/p/5935185.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值