我遇到了一个问题,我认为这是一个快速的解决方案......但是,我自己无法弄明白这一点,而快速搜索也无法帮助我。
基本上,我想要解决的唯一真正问题是徽标(服务第一)不会缩小以适应移动形式的网站宽度。虽然网站的其他部分对响应式网页设计反应相当不错(尽管通常很好),但标题图像并不像抽搐那么多,这意味着它可以运行" off"页面的边缘。
我的网站位于www.test.servicefirstsvc.com
如果您在移动设备上查看,或者只是将网络浏览窗口缩小到手机大小,您就会看到问题所在。有帮助吗?如果需要,我可以粘贴响应式CSS的相关部分。
答案 0 :(得分:0)
只需通过CSS为img
代码max-width: 100%;
。
你应该添加一个height: auto;
,因为Safari浏览器的一些奇怪问题没有注意图像的宽高比。