css - 如何在页面中创建一个内容适合屏幕的 div,而不管内容的宽度如何

标签 css html

有没有一种方法可以使用 CSS3 或某些 javascript 库来允许网页具有宽度大于屏幕宽度的内容的 div,例如大图像或新闻信件类型的内容,但它适合屏幕,不允许滚动或剪裁任何内容。附件是显示此行为的图像。这是从 iPhone Safari 上的 Gmail 移动网站(打开 https://gmail.com)获取的。

See the attached image below which explains the situation.

最佳答案

使用元视口(viewport)

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

Viewport Tag Syntax

关于css - 如何在页面中创建一个内容适合屏幕的 div,而不管内容的宽度如何,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12093089/

相关文章:

php - 无法让 PHP 内容在页脚上方打印

javascript - Express Handlebars-页面正在路由至 404

javascript - 根据要求从数组传递字符串

javascript - 尝试向 CSS 样式表添加规则在 Firefox 中给出 "The operation is insecure"

HTML CSS : One Bootstrap Collapsible is affecting Others on a Page

javascript - 防止浏览器缓存 JavaScript 文件的更好方法

javascript - 我如何在 jquery 中为 html5 视频制作 playTo() 函数

html - 使用 CSS 样式元素

jquery - 通过 jquery 和 css 从非事件菜单中删除背景图像

css - IE8 CSS选择器