在站点上下文中以 % 设置宽度

Question

我想要一个在所有浏览器中看起来都一样的页面，所以我试图做的是设置 css：width= x%。

宽度仅适用于最近的环绕标签，例如 <div>...</div>

如何在 page/website 或正文的上下文中设置 width？

我检查了 position: ...，但这不是我想要的

代码：

<table><tr><td>
            <a href="/lala">link</a>
                </td><td>
                    <strong>writing a book</strong>
                </td></tr>
            <tr><td>
            <textarea class="form-control" style="width: 45%" disabled>text 1</textarea>
                </td><td>
            <textarea class="form-control" rows="3" cols="50" disabled>text2</textarea>

                </td>
            </tr>
        </table>

Answer 1

而不是使用 % 使用 vw（它代表视口宽度），如果您希望文本区域占页面的 75%，您可以将文本区域设置为 75vw。

Check a demo here

textarea{
    width: 75vw;
 }

Answer 2

在没有看到示例的情况下，您可以尝试将最外面的容器设置为 75%，然后将内部的所有内容设置为 100%；

Answer 3

您有多种解决此问题的方法，但在您的情况下，简单的 75vw 应该可以解决问题。

提示：构建您的代码。这不是必需的，但它有助于阅读和重写。

代码：

<table>
    <tr>
        <td>
            <a href="/lala">link</a>
        </td>
        <td>
            <strong>writing a book</strong>
        </td>
    </tr>
    <tr>
        <td>
            <textarea class="form-control" style="width: 45%" disabled>text 1</textarea>
        </td>
        <td>
            <textarea class="form-control" rows="3" style="width:75vw" disabled>text2</textarea>
        </td>
    </tr>
</table>

在站点上下文中以 % 设置宽度

Set width in % in context of the site

html

width