Opera mini单列视图css布局问题

时间:2016-05-05 10:54:47

标签: responsive-design breakpoints opera-mini

我是响应式网页设计的新手,但是使用opera mini查看我的第一个网站时遇到问题。我想问一下为什么Opera mini隐藏内容并在单列视图打开时改变我的宽度。有什么我可以做的,以防止这种情况。我在网页设计中尝试了我所知道的一切,除非有一些我不知道的技巧,否则它仍然是相同的。

1 个答案:

答案 0 :(得分:1)

单列视图中的Opera Mini是一种特殊模式,顾名思义它将在单个列布局中转换CSS布局,并且通常会故意打破宽度。或者根据Opera

  

单列视图转换网页以适应屏幕宽度。这样,您就不必向左或向右滚动。

UCMini代理浏览器渲染类似。我相信这主要适用于非常小的屏幕,例如240x360,以及功能手机的历史,因此内容适合。我不认为在这种情况下过分担心美学。如果它隐藏元素。也许是因为它们不在媒体查询断点之内,或者可能是通过js生成的。没有看到就很难说。

要记住的一点是,Opera Mini的视口宽度通常远小于您通常所期望的默认设备宽度。视口大小还取决于文本大小。所以这很复杂。比如320px“普通”设备宽度,中等文字大小。 Opera Mini宽度默认只有300px。

因此,如果您想要与Opera Mini配合使用,您必须在240px和360px宽度之间进行规划。每个歌剧recommendations

  

按逻辑顺序排列是很重要的,因为某些浏览器(包括Mini)有时会折叠复杂的布局,因此它们会在一个列中显示在屏幕上

我遇到过一个错误,单列视图中的flexbox行不会崩溃到列中,而且Flexbox布局会搞乱。