首頁猿問如何用js控制PC端頁面到移動端顯...

如何用js控制PC端頁面到移動端顯示的話是整體縮放？

桃花長相依 2018-07-05 00:25:08

現(xiàn)在要做一個PC端頁面跟移動端頁面布局一模一樣的，但是不知道怎么控制頁面縮放.http://www.majesticcreekcc.com/ 類似這個網(wǎng)站

查看完整描述

3 回答

慕娘9325324

TA貢獻1783條經(jīng)驗獲得超4個贊

這樣的要求無需寫適配，直接訪問pc版，手機端瀏覽器可以縮放全屏。
非得要縮放就用js去監(jiān)測屏幕寬度高度比，然后用css3的 scale屬性進行對應縮放。

計算頁面放大比例：放大比率=屏幕的邏輯分辨率/物理分辨率
邏輯分辨率通過window.screen.width獲取;
物理分辨率通過window.screen.width * window.devicePixelRatio獲取;

scale(放大比率);

反對回復 2018-07-11

飲歌長嘯

TA貢獻1951條經(jīng)驗獲得超3個贊

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

每個html頭部加上這個試試，我的沒問題

反對回復 2018-07-11

12345678_0001

TA貢獻1802條經(jīng)驗獲得超5個贊

不用縮放啊，只有移動端分辨率符合要求就好。

反對回復 2018-07-11

關注

舉報

0/150

提交

取消

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

慕課網(wǎng)APP
您的移動學習伙伴

掃描二維碼
關注慕課網(wǎng)微信公眾號