`
mermaid
  • 浏览: 40437 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

Html5学习 屏幕页面缩放

 
阅读更多
最近测试html5页面,发现默认都允许用户缩放页面,或者在屏幕双击放大或缩小。即相当于这样设置
<meta name="viewport" content="width=device-width, initial-scale=1.0 user-scalable=yes" />
如果要禁止此情形,修改相应参数即可。
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
分享到:
评论

相关推荐

    HTML5添加禁止缩放功能

    下面一段代码给大家介绍了html5添加禁止...ps:禁止Html5在手机上屏幕页面缩放 最近测试html5页面,发现默认都允许用户缩放页面,或者在屏幕双击放大或缩小。即相当于这样设置 &lt;meta name="viewport" content="wid

    HTML5 移动页面自适应手机屏幕四类方法总结

    手机浏览器是把页面放在一个虚拟的窗口(viewport)中,通常这个虚拟的窗口(viewport)比屏幕宽,这样就不用把每个网页挤到很小的窗口中(这样会破坏没有针对手机浏览器优化的网页的布局),用户可以通过平移和缩放...

    工程硕士学位论文 基于Android+HTML5的移动Web项目高效开发探究

    鉴于市场上用户的手机型号、种类、屏幕分辨率等参差不齐,传统方式根据主流系统分别开发相应的系统耗时又耗力,为了高效开发并节约开发项目成本,本文采用Android+HTML5相结合的方式进行移动端Web系统的设计研发工作...

    基于 Bootstrap 5 的多用途企业主题 HTML 网站模板

    - 智能响应 - 您的访问者将能够在不同的屏幕类型中体验出色的优化相同设计。 - 通用页面,如关于我们,服务,联系人,团队,职业,定价,时间表,常见问题解答,404等等 - 内置样式和调色板 - 附带许多页面块模板,...

    手机端h5页面适配+预加载+获取资源加载进度模板

    里面内容:通过js控制使页面整体缩放的方案,还有一个就是通过js实时检测屏幕大改变html根字体大小的rem布局方案。目前我在使用的是缩放的方案。整体代码基本上是整合的是大牛们分享的一些实用代码

    ScreenManager:屏幕管理

    ScreenManager 最初是为简单的 html5 游戏而设计的。 在项目一开始,我们的团队就认为 Backbone 对于这个简单的游戏来说太过分了,并且每个页面都在自己的路线上。 在我们制作项目并编写一些代码后不久,模型带有几...

    html meta viewport属性说明

    手机浏览器是把页面放在一个虚拟的“窗口”(viewport)中,通常这个虚拟的“窗口”(viewport)比屏幕宽,这样就不用把每个网页挤 到很小的窗口中(这样会破坏没有针对手机浏览器优化的网页的布局),用户可以通过...

    欧朋浏览器塞班Symbian最新官方免费版下载S60v3v5

    支持包括HTML5、CSS、JavaScript、SVG等在内的多种互联网标准,以最丰富的色彩为您呈现全部互联网网页。 智能缩放 点击网页可自动放大,放大后内容将自动调节至屏幕宽度,让您无需左右滚动便可快捷浏览。如果手机支持...

    h5-damping-effect:H5页面滚动阻尼效果实现

    页面滚动阻尼效果实现 功能描述 要求 页面分为AB两个区域 ...保持PC端的样式缩放适应手机屏幕 如果HTML富文本有图片 图片默认不加载 当手机可视区间到B区时候,图片触发懒加载显示 点击富文本图时候,有弹层

    移动端经验速递手册下载

    本文档针对移动前端开发,包括 Hybrid 里面的web页面,非 Native 应用。 概要 本文档针对移动前端开发,包括 Hybrid 里面的web页面,非 Native 应用。 适用 所有经验适用于:iOS6.0+, Android4.0+ 目录 兼容性 CSS...

    欧朋手机浏览器Opera mini官方Symbian版S60v3v5

    支持包括HTML5、CSS、JavaScript、SVG等在内的多种互联网标准,以最丰富的色彩为您呈现全部互联网网页。 智能缩放 点击网页可自动放大,放大后内容将自动调节至屏幕宽度,让您无需左右滚动便可快捷浏览。如果手机支持...

    layer.js 前端下载

    UX 模式,如菜单、滑块、图层和灯箱、视差效果、页面滑动、缩放效果等,实际上只是交互式动画图层。layerJS 提供了一个简单的通用概念来在纯 HTML 中创建此类模式:Stage-Frame 概念。框架是包含您的内容的容器,...

    HTML5移动端开发中的Viewport标签及相关CSS用法解析

    移动前端中常说的 viewport (视口)就是浏览器显示页面内容的屏幕区域。其中涉及几个重要概念是 dip ( device-independent pixel 设备逻辑像素 )和 CSS 像素之间的关系。这里首先了解以下几个概念。 layout ...

    layerJS-最新版下载

    UX 模式,如菜单、滑块、图层和灯箱、视差效果、页面滑动、缩放效果等,实际上只是交互式动画图层。layerJS 提供了一个简单的通用概念来在纯 HTML 中创建此类模式:Stage-Frame 概念。框架是包含您的内容的容器,...

    纯js实用DOM元素放大缩小特效插件

    Zoomerang.js是一款非常实用的HTML DOM元素放大缩小js特效插件...它可以将页面上的任何元素进行放大缩小。当某个元素处于Zoomerang的监听状态时,点击该元素可以将它放大到屏幕的中间,再次点击它又会回到原来的位置。

    ableplayer:完全可访问的跨浏览器HTML5媒体播放器

    具有高对比度,可缩放的控件(在Windows High Contrast模式下保持可见),以及易于查看的焦点指示器,因此键盘用户可以轻松分辨当前哪个控件具有焦点。 支持Web视频定时文本(WebVTT)格式的隐藏式字幕和字幕,...

    html网页中meta viewport属性说明

    手机浏览器是把页面放在一个虚拟的“窗口”(viewport)中,通常这个虚拟的“窗口”(viewport)比屏幕宽,这样就不用把每个网页挤 到很小的窗口中(这样会破坏没有针对手机浏览器优化的网页的布局),用户可以通过...

    欧朋手机浏览器官方下载Java版

    支持包括HTML5、CSS、JavaScript、SVG等在内的多种互联网标准,以最丰富的色彩为您呈现全部互联网网页。 智能缩放 点击网页可自动放大,放大后内容将自动调节至屏幕宽度,让您无需左右滚动便可快捷浏览。如果手机支持...

    最节省流量的手机浏览器Opera欧朋浏览器塞班Symbian S60

    支持包括HTML5、CSS、JavaScript、SVG等在内的多种互联网标准,以最丰富的色彩为您呈现全部互联网网页。 智能缩放 点击网页可自动放大,放大后内容将自动调节至屏幕宽度,让您无需左右滚动便可快捷浏览。如果手机支持...

Global site tag (gtag.js) - Google Analytics