【问题标题】:HTML/CSS content scalingHTML/CSS 内容缩放
【发布时间】:2013-06-12 23:40:22
【问题描述】:

我已经开始开发一个网页,只是在玩,我发现了一个问题。我在屏幕的一半上使用我的实时站点进行编码,而在另一半上使用我的编辑器。一切都很顺利,直到我完全扩展了我的网络浏览器并注意到我的网站只有一部分也在调整我想要的大小。遗憾的是我的网站没有上线,但是我有一个代码链接:http://pastebin.com/yeWzfsBW

理论上,当我调整窗口大小时,图像(徽标)不会缩小,无论如何它都会保持相同的大小。我尝试使用百分比而不是像素宽度/高度,但它似乎没有效果。我会尝试现场直播,这样你就可以明白我的意思了。

全尺寸浏览器:http://imageshack.us/photo/my-images/585/fullsizen.jpg/
窗口模式:imageshack.us/photo/my-images/42/resizedkl.jpg/ (请输入 http:// 我不能在这篇文章中链接超过两个链接)

希望您能明白我的意思,我希望徽标可以缩放,例如 #info css 部分。

谢谢!

【问题讨论】:

    标签: html css image resize windowed


    【解决方案1】:

    无需将图像包装在 div 中。 在 css 中设置宽度和高度。 设置最大宽度和最大高度。 保持图像的纵横比是一个挑战。 首先,下面是使用您的代码的示例。在查看此内容后,您可能会提供有关您正在尝试实现的确切目标的反馈。 http://codepen.io/seraphzz/pen/thGkI

    【讨论】:

      猜你喜欢
      • 2020-10-22
      • 1970-01-01
      • 1970-01-01
      • 2011-12-12
      • 1970-01-01
      • 1970-01-01
      • 2020-10-21
      • 1970-01-01
      • 2013-07-20
      相关资源
      最近更新 更多