php手机禁止放大,阻止移动设备(手机、pad)浏览器双击放大网页的方法

最新推荐文章于 2021-07-09 11:20:38 发布

彭静桐

最新推荐文章于 2021-07-09 11:20:38 发布

阅读量255

点赞数

文章标签： php手机禁止放大

现在的手机或平板电脑等移动设备上的浏览器默认都有双击放大的设置，怎么让双击不放大？

在Mobile页面上有提供viewport这个meta，可以用它来设置缩放。但是在使用viewport之前要把页面的文档类型改成Mobile类型。通常的页面DTD都是XHTML或者简单的HTML5声明，移动设备要用下面这个声明。

复制代码代码如下:

设置了DTD之后就可以使用viewport使页面禁止缩放了。通常把user-scalable设置为0来关闭用户对页面视图缩放的行为。

复制代码代码如下:

但是为了更好的兼容，我们会使用完整的viewport设置。

复制代码代码如下:

如果需要更详细的关于viewport的资料可以参考MDN

https://developer.mozilla.org/en-US/docs/Mobile/Viewport_meta_tag

貌似DTD只声明成HTML5就可以了，下面加上viewport的标签

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

彭静桐

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

前端开发：基于移动端的Vue项目关闭双击放大等操作

软贱开发攻城狮

07-05

2284

前言在Vue项目开发过程中，会遇到各种各样的问题，尤其是对于刚入门不久的新手来说更是需要处处小心，不然一不小心就掉进了坑中。基于移动端的Vue项目开发的时候，会遇到一个比较常见的问题，那就是没有关闭程序的双击放大、双指拉大之后放大等vue移动端程序里面的各种放大的情况，一般情况下默认是打开的，也就是默认情况下可以通过双击放大、双指拉大之后放大等放大操作。分析对于移动端的Vue项目的双击放大、双指拉大之后放大等放大操作，一般情况下不需要改操作，业务需求也一般不会有这种需求，而且如果项目没有禁用

支持移动浏览器(手机、ipad等)左右滑动切换tab标

06-09

效果描述：适合在多种移动设备终端... 包括pad、手机浏览器等内容高度自适应当然，pc客户端也可兼容，兼容主流浏览器，IE6还未经测试使用方法： css、js以及html不缺少的拷贝你的网页中即可

参与评论您还未登录，请先登录后发表或查看评论

手机浏览器禁止缩放

frank1q的专栏

08-17

1005

php手机网页大小限制,手机网页的大小问题_html/css_WEB-ITnose

weixin_36074271的博客

03-17

173

我的手机分辨率宽度是480PX的，做了一个小网页用表格规范宽度为480px，并将网页边距用css中的margin属性设置为0px，可是用我的手机访问的时候网页好象缩小了，左右和下方都有留白，只有上面是在浏览器顶端的，只有双击页面以后才能适应当前手机的宽度显示。而且明显网页下端仍有留白，如何才能正确设置成手机正常的全屏显示？回复讨论(解决方案)我想实现第一张图片的效果，但我目前只能实现第二张图片的效...

手机打开网页的时候，禁止缩放

weixin_30419799的博客

03-30

157

html禁止手机页面放大缩小。这个主要应用在手机端，有些网页的尺寸到了手机这里，页面尺寸就会缩小。如何保证手机看到的页面尺寸大小就是我们给网页设置的body长和宽呢？方法如下：html禁止手机页面放大缩小：当我们手机打开网页的时候，网页会自动缩放，如何禁止缩放呢？加如下代码： <meta name="viewport" content="width=device-width,minimum...

php让手机全屏,手机网站按比例显示铺满手机全屏/网站两边不留白

weixin_33982454的博客

03-28

490

如何phpweb手机网站按比例显示铺满手机全屏/网站两边不留白？PHPWEB手机网站，一般手机网站框架宽度为320、640，大多数是这两个宽度，然而在大屏幕手机比如安卓手机上，720分辨率的情况下，手机网站两边会留白，并且无法全屏铺满显示，视觉效果不是特别好，那如何解决phpweb手机网站两边留白问题，如何让phpweb手机网站按比例显示呢？第一种方法：if(/Android (\d+\.\d+)...

php 禁止按钮触发,jquery禁用和启用按钮，防止重复点击提交

weixin_34294809的博客

03-20

377

有时我们需要点击按钮通过ajax向服务器提交数据，为了防止重复点击按钮，我们有时会做一些设置。场景过程：当第一次点击按钮时，通过ajax提交数据，按钮设置为禁用失效，从服务器返回结果后，重新启用按钮。需要禁用请求提交按钮，一般来说比较简单，只需要通过jquer在按钮中添加disabled属性即可。实例代码如下：一.包含文件部分，引用jQuery文件二.HTML部分测试三.Javascript部分j...

阻止移动设备(手机、pad)浏览器双击放大网页的方法

09-28

本文将详细介绍如何阻止移动设备（如手机、平板电脑）的浏览器双击放大网页。首先，我们需要理解移动设备浏览器中的`viewport`概念。`viewport`是指浏览器显示网页的实际可视区域，它可以小于或等于设备的屏幕尺寸...

JS判断是否手机或pad访问实现方法

11-27

JS判断是否手机或pad访问实现方法 S判断是否手机或pad访问方面的内容，对于利用JS判断是否手机或pad访问感兴趣的同学可以看下，直接上代码： [removed] /* * 智能机浏览器版本信息: * */ var browser={ ...

移动端（手机及平板）禁止用户缩放/拖动网页

weixin_30562507的博客

11-14

253

禁止缩放 <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> user-scalable=no|yes 设置用户缩放禁止拖动 document.ontouchmove = function(e...

php关闭按钮,CSS实现放大缩小关闭按钮(实例代码)

weixin_39628041的博客

03-11

107

这种效果最常见是在我们的浏览器页面上，先给大家展示效果图：如上图所示，使用CSS 绘制上述三个按钮：缩小放大关闭export default {data() {return {flag_fullpageWebView: 1};}};.windowAction {margin-top: -5px;-webkit-app-region: no-drag;min-width: 70px;text-ali...

php代码手机版禁止放大,iPhone Safari浏览器输入框点击后禁止页面放大的方法

weixin_30563489的博客

04-12

808

iPhone移动端Safari浏览器浏览本站网页时，点击输入框后获取到焦点页面会放大。包括搜索输入框、编辑器输入框等，体验真的非常不友好，有时甚至令人崩溃。因此必需把这个问题给处理一下，下面找到了解决此问题的方法。先看看主题header.php原本的部分代码如下：我们现在要将其修改为如下代码：其实就是修改了两行代码，但是当初修改之后chrome里出现了警告提示如下：The key “inital-...

禁止手机端浏览器双击放大功能

c15162的博客

07-09

3205

记录一下啊今天客户提要求手机浏览器打开网页时要禁止双击放大页面（Google）！！！然后在网上找到了很多但都没有效果，比如： <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0,mini

ios Safari浏览器页面取消快速双击放大

qq_31041847的博客

12-19

6573

最近在使用IPAD端基于HTML开发的软件时发现一个问题，手指双击按钮会导致页面放大。导致该现象的主要原因是IOS10及以上版本的浏览器为了提升易用性，不再对快速双击放大和双指缩放进行禁止。查找资料发现主要有以下两种方法解决该问题： 1、在js中通过touchstart和touchend判断两次手指按下的时间间隔来禁止双击放大的响应； 2、在html中修改meta（关于viewport另一篇文章...

禁止html5手机端双击页面放大的问题

xiaozhi_free的博客

06-01

4万+

制作手机端页面的时候我们都会加入一个meta标签，<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">该meta标签的作用是让当前viewport的宽度等于设备的宽度，同时不允许用户手动缩放。其中 maximum-scale为允...

禁止Html5在手机上屏幕页面缩放