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