HTML/CSS 内容缩放

标签 html css image resize windowed

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

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

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

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

谢谢!

最佳答案

无需将图像包裹在 div 中。 在CSS中设置宽度和高度。 设置最大宽度和最大高度。 保持图像的纵横比存在挑战。 首先,下面是使用您的代码的示例。看完这篇文章后,您可能会提供有关您正在努力实现的确切目标的反馈。 http://codepen.io/seraphzz/pen/thGkI

关于HTML/CSS 内容缩放,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17069141/

相关文章:

html - 如何在文本列表之间放置垂直线?

jquery - 如何在新的动态元素上应用 bootstrap css?

javascript - Bootstrap 具有固定宽度的网格和应跨越窗口宽度的图像

python - 使用 Python 检测 numpy 图像数组中重复项的最有效方法是什么?

image - 以编程方式将图像保存到 Swift 中的 xcassets

html - 使用 css 类删除表格样式

javascript - 使用 HTML5 在 React 中构建简单的音频播放器时遇到问题

css - 包装 div 元素大小为零

javascript - 如何使 twitter bootstrap 子菜单在左侧打开?

html - 使用背景图像填充 SVG 路径元素,无需平铺或缩放