我怎样才能让手机浏览器独自留下一个元素

所以我使用flexbox在一个大屏幕上显示一组连续的部分，然后一个显示在另一个上面，当屏幕是做得更小。这适用于我的电脑，当我在Chrome浏览器上使用移动模拟器时，当我使用手机上的任何浏览器（Safari，Chrome，Firefox）时，它会调整它的大小，因此两个部分彼此相邻，从而使字太小而无法阅读。我怎样才能让手机浏览器独自留下一个元素

现在我尝试添加此：

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/>

但是，随着页面的其余部分的格式混乱。有什么类似的，但只有一个元素？

来源

2017-04-05 Bobby Bromfield

欢迎来到StackOverflow，您的问题应该包含一个[最小，完整和可验证的示例]（http://stackoverflow.com/help/mcve）。 – hungerstar

它应该在任何地方工作，但你没有显示任何标记帮助我们。 – Rob

好吧，如果你需要一个例子，你去。虽然没什么特别的。 http://codepen.io/bobbrom/pen/rygNeM –

您可以使用媒体查询来使行为仅出现在某些分辨率上，因此它只能在移动设备上运行。以下媒体查询将在所有电话上运行包含的样式。

@media only screen and (max-width:766px) { 
    .myClass {width:100vw;display:block;} 
}

来源

2017-04-05 22:36:07 Maarten

是的，我在想，但它破坏了使用flexbox的关键点不是吗？ –

听起来像在这种情况下，他希望flexbox忽略这一个实例。那为什么不呢？ – Maarten

@BobbyBromfield不，“flexbox”不会取代媒体查询。 – LGSon

我怎样才能让手机浏览器独自留下一个元素

回答

相关问题