响应式设计中的徽标不会调整大小以适应移动设备

时间:2015-01-02 20:20:27

标签: html css responsive-design header

我遇到了一个问题,我认为这是一个快速的解决方案......但是,我自己无法弄明白这一点,而快速搜索也无法帮助我。

基本上,我想要解决的唯一真正问题是徽标(服务第一)不会缩小以适应移动形式的网站宽度。虽然网站的其他部分对响应式网页设计反应相当不错(尽管通常很好),但标题图像并不像抽搐那么多,这意味着它可以运行" off"页面的边缘。

我的网站位于www.test.servicefirstsvc.com

如果您在移动设备上查看,或者只是将网络浏览窗口缩小到手机大小,您就会看到问题所在。有帮助吗?如果需要,我可以粘贴响应式CSS的相关部分。

1 个答案:

答案 0 :(得分:0)

只需通过CSS为img代码max-width: 100%;

你应该添加一个height: auto;,因为Safari浏览器的一些奇怪问题没有注意图像的宽高比。