Html 使用平板电脑上的缩放更改div容器的大小_Html_Css

Html 使用平板电脑上的缩放更改div容器的大小

html css

Html 使用平板电脑上的缩放更改div容器的大小,html,css,Html,Css,我有一个网页，上面有问题。我希望用户能够使用7英寸安卓平板电脑（带Chrome）来回答问题。有些人会想放大，有些人不会当用户放大或缩小时，如何使div容器调整大小（将文本包装在屏幕边框内）？我尝试了以下方法： .resizcontainer{ 宽度：90%；背景：#中欧和东欧；边距：0自动；/*侧面的自动值*/ } 代码顶部如下所示： <body> <div class="resizcontainer" style="border: thin black sol

我有一个网页，上面有问题。我希望用户能够使用7英寸安卓平板电脑（带Chrome）来回答问题。有些人会想放大，有些人不会

当用户放大或缩小时，如何使div容器调整大小（将文本包装在屏幕边框内）？我尝试了以下方法：

.resizcontainer{
宽度：90%；
背景：#中欧和东欧；
边距：0自动；/*侧面的自动值*/
}

代码顶部如下所示：

<body>
    <div class="resizcontainer" style="border: thin black solid">
        <div class="header">
            <h2>Risk Assessment Test</h2>
        </div>
        <div class="content">


风险评估测试

我不确定这是否重要，但桌面上的Chrome做得很好。容器的大小调整得很好。还是因为这是一个表单？？

我相信你没有改变文档的宽度/高度，所以初始尺寸保持不变，但也许这就是你想要的：你确定要改变页面的布局吗当用户缩放时？我相信这可能会让用户感到困惑。然后，希望页面在缩放时保持不变，只是被放大了。