【问题标题】:How to deal with zoom in responsive layouts?如何处理放大响应式布局?
【发布时间】:2011-11-16 05:39:02
【问题描述】:

如何处理响应式布局的放大问题?
缩放此站点时一切都变得混乱:http://bostonglobe.com/
我喜欢布局和响应式效果,但有时我的用户会缩放内容。 谢谢

【问题讨论】:

  • 实际上,在我看来,网站在缩放时很好地结合在一起,div 保持对齐,没有 div 覆盖另一个 div,没有文字出现在图像上等。通过缩放,你必须忍受一些退化,特别是如果放大很多,因为每次放大时水平空间都会变小。处理它的技术很多,其中一些从不以像素为单位给出大小,并且所有长度,宽度和高度都以百分比给出。

标签: html css user-interface zooming


【解决方案1】:

避免使用固定单位,并为您的元素使用百分比或 em 单位。

缩放是浏览器为浏览您网站的用户提供的一项有用功能,无论如何它会在一定程度上弄乱您的文本和布局。

您能做的最好的事情是确保您的网站是完全可缩放的,而不是违反此功能。

【讨论】:

  • 我也在找它,帮助解答,但什么是可缩放网站?
  • “可缩放站点”是指帮助浏览器实现缩放效果的站点,而不是违背它,因此当用户缩放它时,站点会更好地适应。
猜你喜欢
  • 1970-01-01
  • 2012-05-18
  • 2013-05-27
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多