我有一个包含文字和图片的div。我想允许用户捏缩放以改变文本/图像的大小，但我不希望显示器需要水平滚动（即，无论缩放，我希望div填充视口的宽度）。
我看过很多关于视口的帖子（我在标题中使用了“viewport”元标记），但我不知道如何更改div的宽度，所以文本/图像总是包裹到视口的宽度。看起来我需要使用javascript捕获某种大小调整/缩放事件并调整div的大小，但这超出了我的专业知识。谢谢！
答案 0 :(得分：0)
有趣的问题。我会分两步来处理它：
使用jQuery Mobile检测捏缩放事件。您需要编写自己的函数或使用第三方插件来检测缩放缩放。
将div宽度设置为视口宽度的事件处理程序。
因此，如果您使用jQuery Mobile和Touchy插件，那么您会想出类似的内容：
$( '.mydiv' ).on('touchy-pinch', function() {
$( this ).css( "width", $( window ).width());
});