html - 无论内容的宽度如何，如何在页面中创建其内容适合屏幕的 div

Question

有没有一种方法使用 CSS3 或一些 javascript 库来允许网页具有宽度大于屏幕宽度的内容的 div，例如大图像或新闻信类型的内容，但在不允许滚动或剪切任何内容的情况下使其适合屏幕内容。附件是显示此行为的图像。这取自iPhone Safari 上的 Gmail 移动网站（打开https://gmail.com ）。

Answer 1

使用元视口

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=1" / >

视口标签语法