专业网站建设品牌,十四年专业建站经验,服务6000+客户--广州京杭网络
免费热线:400-683-0016      微信咨询  |  联系我们

html怎么改变网页整体的大小_CSS学习

当前位置:网站建设 > 技术支持
资料来源:网络整理       时间:2023/3/4 2:07:51       共计:3580 浏览

html怎么改变网页整体的大小?

1.首先,我们对div设置固定宽度和高度。

2.然后在div里面插入一张图片。

3.插入图片后,在预览中看到的效果,明显图片已经将父级的背景尺寸给盖住了,图片偏大了。

4.然后这个时候,将图片的宽度设置为何父级一样的宽度,代码就是width:100%;这里的100%会自动跟随父级的宽度选择。

5.这时候回到浏览器中,可以看到图片的宽度和父级div的宽度一致了,然后修改的就是高度的范围了。

6.如果也将图片的高度设置为父级的100%,那么图形就会发生形变,所以在这里需要将父级的高度去掉,这样子集的高度就自动化了。

7.很多时候,将图片在框中显示的时候,在底部会出现一个小边框,这时候将图片设置为display:block;转为块状就可以了。

版权说明:
本网站凡注明“广州京杭 原创”的皆为本站原创文章,如需转载请注明出处!
本网转载皆注明出处,遵循行业规范,如发现作品内容版权或其它问题的,请与我们联系处理!
欢迎扫描右侧微信二维码与我们联系。
·上一条:如何让WORD中插入的GIF动画动起来_CSS学习 | ·下一条:什么是电磁风暴_CSS学习

Copyright © 广州京杭网络科技有限公司 2005-2024 版权所有    粤ICP备16019765号 

广州京杭网络科技有限公司 版权所有