【问题标题】:What is better to use? (px or %)用什么比较好? (像素或百分比)
【发布时间】:2017-12-04 12:59:04
【问题描述】:

我只是想问一下,因为我是网页设计的新手,宽度使用px%更好吗?

我问这个是因为我在网站上工作,当我将所有内容放在一个容器中时,例如 1348px width,并使用 px 作为所有其他 divs,然后放大或缩小我的网站,一切都还好,但如果我将% 放在width 上,缩放并不是一切都好,但我读过% 更好,因为响应式网页设计。

因此,我想知道什么更好用,如果我们使用%,如何避免我的网站在放大或缩小时崩溃?

提前致谢

【问题讨论】:

  • 这个问题要么过于宽泛,要么基于观点,要么需要讨论,因此与 Stack Overflow 无关。如果您有具体的、可回答的编程问题,请提供完整的详细信息。

标签: html css width percentage


【解决方案1】:

总的来说,对大多数值使用响应式值是一种很好的做法。诸如 %、rem、em、vh、vw 等相对单位是一些示例。

这背后的理念是,您希望网站能够流畅地适应它加载的任何视口,无论是手机、平板电脑还是不同尺寸的显示器。像 px 这样的静态元素的问题在于它们本质上是固定值。媒体查询和断点之类的东西可以为您提供一点像素响应能力,但它只是使用响应单元的最佳实践。

它会让你的生活更轻松。

【讨论】:

  • 所以如果我理解正确的话,最好使用 %,然后针对不同的屏幕尺寸使用媒体查询。
  • 是的,如果您没有使用响应式 CSS 框架(例如 Bootstrap 或 Foundation),则将媒体查询与 % 等单位结合使用(如果编写正确)会产生更好的优化代码。我认为可以肯定地说,如果可能的话,使用相对单位而不是 px
猜你喜欢
  • 1970-01-01
  • 2011-09-29
  • 1970-01-01
  • 1970-01-01
  • 2017-07-14
  • 1970-01-01
  • 2018-08-02
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多