全宽封面在移动设备中不显示

文章/答案/技术大牛

发布

0回答

html、css

我想在我的页面中显示全宽和指定高度的图像，它与桌面正常工作，但在移动设备中它不显示全宽图像。background: url('https://static.pexels.com/photos/62272/pexels-photo-62272.jpeg');"> 如何解决此问题并使其适用于所有设备</em

浏览 5提问于2016-12-29得票数 2

回答已采纳

1回答

Safari 100%宽度和高度

html、css、safari、height、zurb-foundation-6

所以在下面的网站上，我一直在开发- 对于桌面，我将图像作为背景，并使用背景大小的封面，而在移动设备上，我只使用图像标签。我的问题是在Safari上背景图像不工作，我使用了100%的宽度和高度来填充那个块，但似乎Safari不尊重这一点。该站点实际上是建立在Foundation 6上的，所以我尝试使用Foundation Equalizer插

浏览 0提问于2016-11-26得票数 0

1回答

使用Foundation设置中心字段

asp.net-mvc、zurb-foundation

我正在尝试在我的应用程序中使用Foundation grid，但我不能简单地将字段集居中。我试着在移动设备和台式机上把屏幕放在屏幕的中央，但它看起来很奇怪。知道为什么吗？

浏览 0提问于2013-07-18得票数 1

回答已采纳

1回答

全宽元素打破了使用display: grid创建的布局

css、css-grid

在侧边栏中，我有一个想要在移动设备上全宽显示的子元素(即忽略布局容器周围的填充)。.full-width元素确实是全宽的，但显然它将整个网格设置为100vw，这使得main和aside溢出.container (灰色元素)。我如何保持它的全宽，并使main和aside保持在.container的边界内？另一个要求是全宽元素保留在文档流中<

浏览 15提问于2019-03-15得票数 0

回答已采纳

2回答

移动设备中的页脚未全宽显示

html、css、meta

我想显示我的网页在移动以及desktop.There是问题在首页(索引)和内部page.Home页眉和页脚显示正常，但在内页页眉显示良好，但不是以及主页和页脚不能正确显示在完整的width.Plz帮助我谢谢你有问题只为移动和标签

浏览 1提问于2015-01-19得票数 0

2回答

文本宽度调整

css、mobile

我在此上的移动设备上的文本宽度有问题。我需要使文本全宽。我尝试使div 100%，1000px，在表格中插入文本，使正文最小宽度...

浏览 2提问于2016-03-09得票数 0

1回答

如何仅在桌面上偏移列

twitter-bootstrap-3

我对bootstrap 3网格系统并不陌生，但之前我只在移动设备上使用过堆叠列。 </div>这在桌面和移动设备上看起来都很好，但后来我意识到我在移

浏览 1提问于2017-04-14得票数 0

1回答

CSS:背景图片/颜色和容器在移动设备上不会完全伸展

html、css、mobile

在移动设备上查看：这是一个Wordpress网站，我已经在头文件中有了viewport meta。

浏览 2提问于2013-03-05得票数 3

1回答

当浏览器调整大小时，为无响应的站点设置全宽

html、css

我已经使用下面的视窗创建了一个非响应式站点：它在桌面和移动设备上都显示了桌面视图，没有任何问题。有没有一些CSS或脚本，我可以用来使页面全宽，当我们调整大小的屏幕，使屏幕将显示全宽和高度将减少，就像在移动？

浏览 0提问于2021-11-24得票数 0

2回答

对于全角标题背景图像，您将使用哪种媒体查询堆栈？

css、media-queries

我经常使用带有全宽背景图像的页眉，比如这个页面的有什么想法？您会优先考虑哪些设备？

浏览 0提问于2013-10-08得票数 0

3回答

如何将按钮显示顺序从桌面更改为移动端？

javascript、jquery、html、css

我有如下按钮：<button>submit</button>下面是我的示例：

浏览 1提问于2015-09-29得票数 0

1回答

Flexbox行-只有第一列有溢出滚动

javascript、css、flexbox、css-grid、flexboxgrid

但是，我需要这些行中的第一列是全宽度的，而其余的项则与水平滚动一起流动。所以我不能用包装纸。注意：全宽标题应该只在移动视图上.谢谢

浏览 0提问于2018-04-20得票数 1

回答已采纳

2回答

固定移动设备上动画下划线的宽度

html、css、twitter-bootstrap

在桌面上一切正常，但在移动设备上，下划线将在菜单元素下占据100%的宽度。是可以修复的吗？

浏览 1提问于2019-10-01得票数 1

1回答

机身在移动设备上不显示全宽度

css、wordpress

在移动设备-纵向视图中，身体不是全宽的。在桌面浏览器上，它可以正常工作，即使您将浏览器的宽度缩小到与移动设备相同的大小。name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">编辑:当您看到的页面最初加载在移动设备上的全

浏览 6提问于2015-12-23得票数 1

回答已采纳

1回答

在移动设备上检测离开全屏iframe

javascript、jquery、iframe、mobile、youtube-api

我在一个页面上有多个iframe，当它们开始播放时，它们会自动在移动设备上全屏显示。我正在使用youtube api加载视频，并在顶部有一个自定义播放按钮的“封面”图像。在移动设备上，当用户点击播放按钮时，封面图像消失，视频全屏显示并开始播放--到目前为止还不错。但我需要能够做的是，当用户点击“完成”时，视频会全屏显示(它会这样做)，封面图像就会回来(目前还没有)

浏览 2提问于2017-07-30得票数 0

2回答

网站响应性问题

html、css、mobile

在发布之前，一切都很正常，看起来很完美，然而我刚刚意识到，在移动设备上，屏幕右侧20%的地方都是白色的。网站应该是全宽的，不应该有这个空格显示。

浏览 0提问于2015-04-24得票数 0

1回答

Flexbox:将项目展开以填充行

css、flexbox

我正在尝试使用flexbox修改我在移动设备上的布局，但遇到了一个问题。我希望中间的盒子(2)在移动设备上以100%的宽度呈现在它自己的线条上。我使用order: 1将框移动到最后，但现在我不知道如何以全宽显示框。

浏览 9提问于2020-02-24得票数 1

回答已采纳

1回答

使用bootstreap根据设备显示格式

html、css、twitter-bootstrap-3

我正在使用bootstreap3，我想根据设备显示一些不同的格式，如果大型和中型设备，我想使用左侧，中间和右侧作为2,8,2列，对于移动和小型设备，我想显示中间的内容将所有12列。div class="col-lg-8 col-md-8"></div> </div> 这是正常工

浏览 0提问于2016-11-19得票数 0

1回答

Bulma图像不是全宽

css、bulma

因此，当我想在一行中添加多个图像时，我不希望图像采用全宽。在Bulma文档中，他们只告诉你如何强制他们使用全宽，而不是如何不使用。容器工作得很好，但它们只使用整个页面，如果你想一次显示更多内容，这显然不是很有用。我尝试了column类，但它不起作用。 ? 这就是它最终的样子。

浏览 21提问于2021-04-15得票数 0

4回答

更改符合设备分辨率的背景高度

javascript、jquery、css

我有一个响应图像的网页，作为封面背景。背景图像分辨率:宽192 and，高1000 and。当我用桌面全高清分辨率查看页面时，图像的高度几乎与全高清显示器上的高度相匹配，但如果我用高度为768 HD的膝上型计算机检查页面，则必须滚动该页才能看到图像的其余部分。background-position: center center; background-repeat: no-repeat;

浏览 5提问于2016-04-12得票数 1

回答已采纳

点击加载更多