【问题标题】:Website in middle, when you zoom doesn't change it's look中间的网站,当你缩放时不会改变它的外观
【发布时间】:2015-11-28 17:14:53
【问题描述】:

您好,您能帮我解决我的问题吗?我想做一个位于 webbrowser 中间的网站,当你放大时,它不会放大左上角,而是放大到网站正文所在的中间。例如暴雪的星际争霸网站:http://eu.battle.net/sc2/en/。 谢了

【问题讨论】:

  • 您能详细说明一下吗?你的意思是在移动设备上还是桌面上?捏缩放或从桌面浏览器菜单中选择缩放?每种类型网站的示例?你试过什么?请添加您的代码。谢谢。

标签: html css layout responsive-design web


【解决方案1】:

该网站基本上由居中的背景图片组成。
所以你需要做的就是在你最喜欢的绘图程序中创建页面。

html {height:100%}
body {
  height:100%;
  text-align:center;
  background:url(http://lorempixel.com/1500/1500) 50% top no-repeat;
}

【讨论】:

  • 但我想再问你一次。您如何在此类页面中实际定位元素,以便它们始终保持播放状态。谢谢
  • 抱歉,有点不清楚。您是说您不希望页面上的某些内容放大吗?或者您希望页面上的元素(不属于背景图像的一部分)保持相对于图像的位置?无论如何,最好提出一个新问题。
猜你喜欢
  • 2020-10-17
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2023-03-14
相关资源
最近更新 更多