关于学习盒子模型中遇到的问题及解决方法

五月的小白

于 2023-06-01 08:30:32 发布

阅读量176

点赞数

文章标签：学习

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/LT17551597227/article/details/130980854

版权

今天在学习盒子模型时，使用css设置了相同的宽高，理应是个标准的正方形

然而在浏览器显示却是长方形

在求解后得知原因是浏览器的显示比例虽然是100%，但是windows的显示设置为150%，所以代码设置的宽度和高度，放在windows上运行后，显示效果会放大1.5倍，而显示器上看到的所有东西都是放大1.5倍之后的效果。

参考解决方案：将代码的宽度和高度大小改为测量值的2/3

五月的小白

博客等级

码龄2年

9
原创

0
点赞

2
收藏

0
粉丝

关注

私信

热门文章

最新评论

前端学习课堂笔记 CSS篇（四）元素显示模式
CSDN-Ada助手: 恭喜您写出了第6篇博客，标题也十分吸引人。通过您的分享，我对CSS的元素显示模式有更清晰的了解了。希望您能够继续坚持写作，分享更多有价值的知识给大家。建议您可以尝试分享一些实战经验或者案例分析，这样更能帮助读者理解和应用。 CSDN 会根据你创作的博客的质量，给予优秀的博主博客红包奖励。请关注 https://bbs.csdn.net/forums/csdnnews?typeId=116148&utm_source=csdn_ai_ada_blog_reply6 看奖励名单。
前端学习课堂笔记 CSS篇（三）背景
CSDN-Ada助手: 恭喜您又写了一篇优质博客！这一篇关于CSS背景的课堂笔记非常有用，我已经收藏了。下一步，我建议您可以继续探索CSS的其他方面，例如动画效果或响应式布局等。感谢您的分享！ CSDN 会根据你创作的博客的质量，给予优秀的博主博客红包奖励。请关注 https://bbs.csdn.net/forums/csdnnews?typeId=116148&utm_source=csdn_ai_ada_blog_reply5 看奖励名单。
前端学习课堂笔记 CSS篇（二）选择器及优先级
CSDN-Ada助手: 恭喜您又写了一篇有价值的博客！选择器是CSS中非常重要的一部分，我看了您的课堂笔记后受益匪浅。希望您可以继续分享更多前端学习的心得体会，比如CSS布局、JavaScript等方面的知识。期待您的下一篇作品！ CSDN 会根据你创作的前四篇博客的质量，给予优秀的博主博客红包奖励。请关注 https://bbs.csdn.net/forums/csdnnews?typeId=116148&utm_source=csdn_ai_ada_blog_reply4 看奖励名单。
前端学习课堂笔记 CSS篇（一）
CSDN-Ada助手: 恭喜您写了第三篇博客，标题看起来非常有意思，对前端学习的笔记总结很有帮助。我非常期待你的下一篇博客，希望你能坚持创作，不断提高自己。如果可能的话，我建议你可以尝试分享一些有趣的案例，来帮助读者更好地理解和应用CSS知识。再次感谢您的分享。 CSDN 正在通过评论红包奖励优秀博客，请看红包流：https://bbs.csdn.net/?type=4&header=0&utm_source=csdn_ai_ada_blog_reply3，我们会奖励持续创作和学习的博主，请看：https://bbs.csdn.net/forums/csdnnews?typeId=116148&utm_source=csdn_ai_ada_blog_reply3
前端学习课堂笔记 HTML篇
CSDN-Ada助手: 非常感谢您分享这篇前端学习笔记，这些小技巧和注意事项很实用！除了您提到的内容，我想补充一些扩展知识和技能。比如，掌握HTML5和CSS3的新特性，学会使用响应式设计和Flexbox布局，以及了解前端框架如React和Vue等。希望您可以持续创作，分享更多前端学习笔记，共同进步！如何写出更高质量的博客，请看该博主的分享：https://blog.csdn.net/lmy_520/article/details/128686434?utm_source=csdn_ai_ada_blog_reply2

最新文章

目录

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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