小编Qui*_*lor的帖子

ios safari 中 Flex 项目离开屏幕

我需要连续三个块。右边的两个将具有固定宽度。左边的块是文本块，应该是灵活的。

我的代码适用于 Edge、Firefox 和 Chrome 的所有分辨率，但不适用于 iOS Safari。

这是真实 iPhone 的屏幕截图。你可以看到它看起来像一个垃圾。最后 2 个块超出了屏幕，但我不明白为什么。

.container {
  display: flex;
  justify-content: flex-end;
}

.left {
  border: 1px solid #808080;
}

.center {
  border: 1px solid #000;
  padding: 10px;
  margin: 5px;
}

.right {
  border: 1px solid #008000;
}

Run Code Online (Sandbox Code Playgroud)

<div class="container">
  <div class="left">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt doloribus, nihil deleniti expedita labore porro commodi consequuntur, corporis delectus nam, ipsa? Eius inventore est molestias ex, eos odio. Consequuntur, voluptatibus!</div>
  <div class="center">KK</div> …

Run Code Online (Sandbox Code Playgroud)

html css safari flexbox

Qui*_*lor

2017 06-28

5
推荐指数

1
解决办法

1375
查看次数