相关疑难解决方法(0)

为什么Android浏览器不会在整个浏览器宽度上跨越此段落？

问题:

在此输入图像描述

问题

该段落将填充页面的完整宽度

火狐
Firefox Mobile(在SGS2上使用4.0.3测试)
铬
Chrome Mobile Beta(在SGS2上使用4.0.3测试)
IE浏览器
Internet Explorer Mobile(使用Windows Phone模拟器测试)
Opera Mobile(在SGS2上使用4.0.3测试)
Android原生浏览器(在SGS2和Android模拟器上使用4.0.3测试)

我该怎么做才能在默认的Android浏览器中做同样的事情？

我试过了:

请注意,此示例已缩减,以显示我在更大的页面上遇到的问题.所以我希望解决方案尽可能少破坏性.例如,将我网站上的所有段落设置为浮动似乎是一个坏主意.

`width`

增加CSS类的width属性值p无效.
相对值:100%并且1000%没有效果.值<100%有效(段落变薄).
绝对值:1000px不扩展宽度,低值减少它.

`float`

设置float : right;段落时,它将根据需要显示:
在此输入图像描述

CSS重置

当我插入这些CSS重置样式时,段落的宽度不受影响.

`position`

当设置position为absolute段落时,它将根据需要显示.但我不确定通常是否安全可行.

来源:

<!DOCTYPE html
     PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>Android Browser Issue</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style>
      body {
        border : 3px dotted …

Run Code Online (Sandbox Code Playgroud)

html css android android-4.0-ice-cream-sandwich

Der*_*ler

2012 03-12

29
推荐指数

4
解决办法

1万
查看次数