繁体   English   中英

响应式网站上的横幅图片会覆盖移动视图上的徽标和标题文本,如何加载图片以避免这种情况?

Banner image on responsive website overwriting logo and header text on mobile view, how to load image to avoid this?

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

当前,当在移动设备上查看我的网站www.supplementbox.co时,横幅图像会覆盖有徽标和标题文本。 在桌面视图上,这不是问题。 如何在移动设备上加载图片以解决此问题? 最好的解决方案是什么? 请记住,我需要保留相同的图像,但是可能会找到一种不同的方式来显示它。 我需要为每个视口指定一个不同的图像,还是指定以不同的方式加载它? 如何在桌面视图上维护相同的图像时解决此问题?

问题暂未有回复.您可以查看右边的相关问题.
1 横幅图片在移动设备上无响应

网站在手机上的原始外观 现在,当我应用CSS代码时; div.masthead-banner.data-bg { } 我明白了,在移动网站上,出现了完整的横幅,上面和下面都有很多灰色空间: 应用CSS修复后 但是,我本来希望图像完全填充div,有什么方法可以 ...

2 用网站标题中的文本替换徽标图像

我正在尝试将徽标的图片区域替换为“文本”,以便徽标可以显示为“文字”,而不是上传的图片。 我已经在Chrome的检查器中进行了测试,它看起来很棒! 我添加了这一点:在“ elt-position-center-inner”内部(镀铬检查器内部)以及下面的CSS,它非常完美。 我 ...

2016-08-20 10:32:04 2 111   html/ css
3 如何使标题中的图像徽标响应

调整窗口大小或在任何设备中浏览网站时,如何使徽标响应 我尝试将宽度设置为100%或添加了img响应类,但没有成功 查看这张图片以了解问题 我正在使用引导程序,我只是希望徽标在任何设备和任何尺寸下都能产生共鸣 ...

4 横幅图片在移动设备上没有响应

我有带有折叠/打开选项的垂直侧边菜单栏。 当我们关闭侧边栏时,滑块图像会相应地调整大小并占据整个屏幕宽度。 它在桌面上完美运行。 但是在移动设备上,没有显示完整的横幅图像。 显示了图像的某些部分。 我想调整图像大小并显示完整图像而不是其中的一部分。 我已经尝试过width属性, backgrou ...

5 如何在标题图片上方制作带有文本和徽标的标题图片?

我试图为我的网站制作标题图像,以便让我在其网站上显示我已经在我的网站中使用过的徽标和文本,以及在背景中显示该图像(如果可以的话)。 html代码如下: 并且主要的css文件包含以下内容: 即时通讯不知道该怎么办,并希望获得一些帮助谢谢。 :)如果我需要在这里放更多代 ...

6 横幅和徽标的图像分辨率

我的应用程序上的图像尺寸和分辨率有问题,我需要上传图像,然后将其调整为所有屏幕尺寸,这是横幅和徽标的最佳图像尺寸和宽度/高度,并且我需要一个很好的工具来调整尺寸图片? ...

7 如何使标题中的横幅流到徽标后面? 需要回应

我在使标题图片正确流动方面遇到一些问题。 这是响应式WP主题。 这是我要实现的设计。 (我现在不担心社交图标): http : //screencast.com/t/0xJuqKuteU 首先,我需要带有红色背景的消息栏在徽标下方和横幅之外流动,如下所示: http : //sc ...

8 带有文本的响应式标题徽标

我希望在移动设备上查看时可以更改标题。 在大屏幕上显示徽标以及其旁边的文本。 在移动设备上,我希望文字位于徽标下方,甚至可能只有1行,中间还有一个项目符号。 现在,当我在手机上查看时,徽标和文字会调整大小,但文字太大并掉在屏幕上。 这是该网站的链接:jeepscycleclub.x1 ...

9 带有背景图像和文本的自适应Web横幅

我正在尝试制作一个响应式横幅。 我有一个背景图像,可以在您调整屏幕时调整大小,还有一个包含文本的透明div元素。 第1期 问题是我的透明div元素无法正确调整大小 我试图通过使用height:100%将透明div元素调整到图像的顶部和底部,但这没有用,这在顶部留有空隙。 ( ...

10 横幅图像上的菜单和文本,响应

我正在创建一个网页,但是我在响应性方面遇到了一些问题。 在我的徽标下,有一个大图像。 (1000 x 550像素)在该图片上,我想放置一个菜单-我认为我已经使用position: absolute解决了这个问题。 但是,我想使用介绍文字,但我不知道该怎么做。 我可以只使用带有绝对 ...

2013-08-05 14:03:08 1 512   html5
暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM