css - CSSは100％の幅で要素をスケーリングします

Question

100％幅のdivをズームアウトすることに興味があります。私が抱えている問題は、要素をスケールアウトすると、固定幅になり、幅の100％に拡張されなくなることです。

（transform：scaleではなく）CSSのzoomプロパティを使用すると、期待どおりに機能しますが、zoomプロパティが十分にサポートされていないと聞きました。私の質問は、これはCSS変換スケールで達成できるかということです。

score 53 · Accepted Answer

zoomこの場合のプロパティの動作をエミュレートするには、次を追加して（）-transform-origin: 0 0;に設定します。widtholdWidth / newScale100 / 0.7 ~= 142.857143

div.zoomed {
    -webkit-transform: scale(.7);
    -webkit-transform-origin: 0 0;
    width: 142.857143%;
}

1 に答える 1