我正在尝试创建一个简单的两列设计,其中包含两个行内 block <div>
s,使用以下代码:
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<style type="text/css">
body, html {
margin: 0;
}
#outer {
background: #F00;
padding-top: 10px;
}
.col {
display: inline-block;
width: 50%;
background: #00F;
margin-top: 10px;
vertical-align: top;
}
</style>
</head>
<body>
<div id="outer">
<div class="col">
Lorem ipsum dolor sit amet
</div><!--
--><div class="col">
consectetur adipiscing elit.
</div>
</div>
</body>
</html>
但是,我在使用 Opera Mobile (Opera Classic) 时遇到了问题。该浏览器默认启用了一个名为“文本环绕”的设置。关闭时,页面会根据需要呈现:
但是,当启用该功能时,它显示如下:
有什么方法可以使用 HTML 或 CSS 覆盖此功能吗?
最佳答案
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
试试这个元标记
关于css - 如何在 Opera Mobile 中覆盖 'Text wrapping',我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17912596/