ユーザーがモバイル デバイスで Web サイトをズームした場合、Web サイトの特定の要素 (特定の div) のみをズームしたいと考えています。次の図は私の考えを示しています。
ご覧のとおり、テストはズームされていますが、上部の div は同じサイズのままです。test を含む div のみがズーム/スケーリングされます。
誰かがこれを達成する方法についてのヒントを教えてもらえますか? どこから始めればいいのか本当にわかりません。
更新: http://jsfiddle.net/WyqSf/。このページを拡大すると、両方の要素が拡大されます。ズーム時にコンテンツ要素だけを調整したい。これを実現するために考えられる 1 つの方法は、ユーザー入力を取得し、javascript を使用して div の幅を調整することですが、これは通常の動作と矛盾しています。
擬似コード:
container.mousemove {
content.changeWidth();..
}