使用以下命令调整图像大小/缩放比例

我使用悬停事件创建图像。唯一的问题是它不会缩小到更小的尺寸或移动屏幕。我花了很多时间研究，没有找到任何东西。我认为100％的宽度应该已经做到了。我肯定错过了什么。使用以下命令调整图像大小/缩放比例

之前，我的大脑分裂请帮助。另外，批评欢迎。

2013-02-13 user2066755

发布您的代码 - 不要让人们跳通箍来帮助你。 – 2013-02-13 01:38:36

检查这一个移除背景图片：

body, html { 
width:100%; 
height:100%; 
} 
.myButtonLink { 
background: url("https://dl.dropbox.com/u/5869656/Caroline%20Ziv/Home-test3.jpg") no-repeat scroll 0 0 transparent; 
border: 10px solid #FFFFFF; 
box-shadow: 1px 1px 2px #E6E6E6; 
display: block; 
height: 100%; 
text-indent: -99999px; 
width: 100%; 
background-size: 100%; 
} 
.myButtonLink:hover { 
background: url("https://dl.dropbox.com/u/5869656/Caroline%20Ziv/Home-test5.jpg") no-repeat scroll 0 0 transparent; 
border: 10px solid #FFFFFF; 
box-shadow: 1px 1px 2px #E6E6E6; 
background-size: 100%; 
}

也可以在css下应用于您在iframe中加载的页面。

body, html { 
width:100%; 
height:100%; 
}

希望这将有助于

来源

2013-02-13 05:08:35

它解决了！我会鼓励你们两个，但我没有声望。非常感谢。 – user2066755 2013-02-13 14:42:11

代表15需要upvoting，但您可以选择一个作为最佳答案，方法是选中答案左侧的刻度线。 – 2013-02-13 19:19:59

执行以下操作：

应用max-width: 100%;到img
删除text-indent: -9999px;
在div

来源

2013-02-13 01:44:00

我会鼓励你们两个，但我没有声望。非常感谢。 – user2066755 2013-02-13 14:41:48

使用以下命令调整图像大小/缩放比例

回答

相关问题