如何在页面中创建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" / >

Viewport Tag Syntax