H5頁面手機端禁止縮放的正確方式

2021-10-21 10:18:43 字數 488 閱讀 1588

首先說meta方式

這個寫法一抓一大把,因為使用以後發現頁面變形嚴重,很多人直接丟棄了該方式,實際上是由於width=device-width這一段**引起的螢幕自適應

有些瀏覽器是強制開啟允許縮放的,於是,使用js的方式在一定的延遲之後將該meta寫入header中也是一種方法,但是有些瀏覽器是無效的

document.documentelement.addeventlistener('touchstart', function (event)

}, false);

var lasttouchend = 0;

document.documentelement.addeventlistener('touchend', function (event)

lasttouchend = now;

}, false);

h5頁面禁止複製 H5移動端頁面禁止複製技巧

前言 業務需要,需要對整個頁面禁止彈出複製選單。在禁止的頁面中加入以下css樣式定義 webkit touch callout none 系統預設選單被禁用 webkit user select none webkit瀏覽器 khtml user select none 早起瀏覽器 moz user...

手機端h5頁面介面分功能

今天寫程式遇到了手機端的分頁問題,以前沒遇到過類似問題,pc端的分頁都是有幾個按鈕,可以自主選擇分頁。但是手機端的之前沒遇到過,後來的解決方案是加了乙個loading的gif,然後看完一頁之後先載入loading,然後等到介面請求成功之後,顯示介面請求的內容,把loading圖示隱藏。如此反覆,知道...

h5頁面的寫法 移動端h5頁面寫法

1.頁面寬度320,所有元素尺寸設一半 缺點 不自能適應全屏 2.頁面寬度640,元素尺寸正常 暫未發現問題 3.頁面寬度640,js控制自適應全屏 adaptuilayout.adapt initviewportwidth 缺點 qq空間分享後點開頁面套在qq預設瀏覽器裡有相容性問題 4.rem寫...