Css 按钮没有响应。当屏幕大小更改时，它们不会更新

我希望当屏幕大小改变时按钮会更新。这两个按钮放在img上，并用链接包装。感谢您的帮助。 模板如下：

    <div class="img">
        <img src="topimage.jpg"
        <a href="#" ><button class="left-button">left</button></a>
        <a href="#" ><button class="right-button">right</button></a>
    </div>

---

您的按钮对img没有响应。您需要设置按钮的宽度。比如：

.left-button { 
    width:30%;
    //your css
}

---

//你的html是有效的-你需要关闭你的img标签。你应该显示你想要实现什么和什么不起作用。使用一些javascript，你可以获得你的窗口尺寸并更新你的按钮尺寸，你可以在加载中调用该函数，因此每次你打开窗口时，按钮尺寸都会根据你的窗口大小进行更新函数updatedimensions{var w=window.innerWidth；var h=window.innerHeight；x=document.getelementbyidiourButton；//更新您的维度}@Doodlebunch，您好，我希望根据img将两个按钮放置在正确的相对位置。但是当屏幕尺寸变小时，位置就变乱了。@Axess这里有一个JSFIDLE：看起来不错，你能指出什么地方不对吗？嗨，Frederik，既然我指定了字体大小，我还需要宽度吗？我试图增加宽度，但没有效果。嘿，字体大小对窗口宽度没有反应。字体大小上的%与父级的字体大小相关。示例：您的父项的字体大小为10px，因此当按钮上的字体大小为130%时，您的按钮的字体大小为13px。添加了一个工作小提琴。你能告诉我什么不起作用吗？嗨，弗雷德里克，谢谢你的帮助！根据img，我预计这两个按钮的大小和位置都相对稳定。现在他们四处走动。你能和我共用一把小提琴吗？

.left-button { 
    width:30%;
    //your css
}