如何保证元素与元素之间的间距比例不会因为页面的大小而改变呢?

如何保证元素与元素之间的间距比例不会因为页面的大小而改变呢?

不管浏览器的分辨率如何变化,元素与元素之间的间距保持一致呢?

正在回答

登陆购买课程后可参与讨论,去登陆

3回答

你好,不太清楚所描述的距离一致,看下面的两种情况: 

  1. 设置成固定值如:20px , 无论分辨录多少,之间的距离都是固定的。

  2. 从视觉上看是一致的,那就要使用但对单位或者%。

希望对你有帮助。祝学习愉快。

  • von_colonel 提问者 #1
    使用百分比为单位的话,怎么去确定元素与元素之间的百分比呢?
    2017-05-03 16:19:55
  • 小于飞飞 回复 提问者 von_colonel #2
    不单单是元素本身,元素的父元素等都要按比例来设置,这样才可以使其保持一致。例如父元素的宽度时网页的50%,那无论分辨率如何变,宽度都是50% ,同理,里面的元素比方 margin: 5% ,那就是父元素的 5%。
    2017-05-03 17:01:21
  • von_colonel 提问者 #3
    非常感谢!
    2017-06-13 18:18:21
Sun601 2017-05-08 09:23:02

问题其实就是想要  响应式 的方案,那所有的尺寸上,必须以某一参照物,用%形式来设定,而不能以固定PX来设定。

建议,在目前阶段,不要把精力太多放在这个上面,更多的是基础标签及属性的熟练掌握,期间可以尝试改变设定方式逐渐了解。

慕粉13146735245 2017-05-03 16:33:35

以我的理解,要确定元素间的元素的百分比,首先你得确定元素相对于其父元素或者说页面的占比重是多少,在根据元素大小去设置相应的padding或者margin(算出他们占比),比如说marg-left:10%;这就是相对于父元素的10%,无论父元素怎么变化,10%的比例是一成不变的,元素之间的比例我觉得就是这样了

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师