tag 移動端適配

標籤
貢獻21
68
04:53 AM · Nov 04 ,2025
liwenhui 頭像 daodaolee 頭像 qianliduxing_5fced90c48383 頭像 vivo_tech 頭像 joypro 頭像 _6085362b65292 頭像 swifter 頭像 liu_namepea 頭像 andyhu99 頭像 m_63573a116d2a5 頭像 dewujishu 頭像 fulade 頭像

@移動端適配 / 博客 RSS 訂閱

dewujishu 頭像

得物技術 - 得物技術談談App 需要什麼樣移動網關

目前大部分App後端還沒有統一的網關。其實不止是後端，移動端也是需要網關的。移動網關幫助我們解決穩定性、業務分級隔離、大促容量評估、異構系統支持等問題。移動網關本質是是，以可管控的方式暴露到外網去，這裏的關鍵是如何管控和暴露。從通訊協議上講移動網關是對外接收開放的通信協議，HTTP、gRPC等，一般還有協議轉換講HTTP轉換成內部的RPC協議。本文筆者將談談得物需要什麼樣的移動網關。 一、電商對網

移動端 , 電商 , 網絡 , 移動端適配 , 後端

收藏 評論

invalidnull 頭像

註銷 - 什麼是移動應用的證書指紋

移動應用的證書指紋是在SSL/TLS（安全套接層/傳輸層安全）協議下用於驗證數字證書有效性的一種方式。在移動應用開發中，證書指紋用於確保應用與服務器之間的通信是安全且受信任的。它是一個加密哈希值，用於標識數字證書的公鑰。通過比較應用中存儲的證書指紋與服務器返回的證書指紋，開發者可以驗證服務器的身份，從而減少中間人攻擊和惡意劫持的風險。 為了更好地理解證書指紋的概念，讓我們通過一個詳細的例子來説明：

移動端 , 移動web開發 , 移動應用開發 , 移動端web , 移動端適配

收藏 評論

2021_60e2de6ea45f7 頭像

前端知識搬運工 - viewport深入理解和使用

什麼是viewport ? viewport是用户網頁的可視區域，也可叫做視區。手機瀏覽器是把頁面放在一個虛擬的窗口(viewport)中，通常這個虛擬的窗口比屏幕寬，這樣就不用把網頁擠到很小的窗口中，用户可以通過平移和縮放來看網頁的不同部分。 下圖為常見一些設備瀏覽器默認viewport寬度： css中的1px不等於設備的1px 在css中經常使用px做單位，PC端瀏覽器中的1px往往都

移動端web , 移動端適配 , 前端

收藏 評論

tap_taq 頭像

Tap? taq - 關於移動端

視口 總共可分為3個視口：佈局視口，視覺視口，理想視口 佈局視口： 1. 一般移動設備的瀏覽器都默認設置一個佈局視口，用於解決早起的PC端頁面在手機上顯示的問題 2. 這個視口的分辨率基本都設置為980px 視覺視口： 用户所看到的網站區域 理想視口： 使得網站在移動端有最理想的瀏覽和閲讀寬度而設定的，是最理想的視口尺寸 要手動添加meta視口標籤，主要目的：佈局視口的寬度應該與理想視口的寬

移動端字體大小 , 移動端web , 移動端適配

收藏 評論

traveller_5cd7cfceca63c 頭像

Traveller - 使用vue vantUi框架 根字體是37.5 和默認根字體75不一致，導致頁面組件樣式變小

可以試下這樣去配套組合使用 style的轉換：postcss-pxtorem + amfe-flexible html行內標籤的轉換：style-vw-loader 怎麼裝自行百度 這裏就貼下怎麼配置vue.config.js module.exports = { chainWebpack: config = { config.module.rule('vue').

vant , 移動端適配

收藏 評論

jeecg 頭像

JEECG低代碼平台 - JeecgBoot 低代碼 APP 端：基於 uni-app 的全端覆蓋解決方案

在數字化轉型的浪潮中，企業對於高效、靈活的移動應用開發需求日益增長。JeecgBoot 低代碼平台以其強大的功能和靈活性，為企業提供了一站式的解決方案。而 JeecgUniapp 作為 JeecgBoot 的配套 APP 移動框架，更是通過 uni-app 技術實現了多終端適配，為企業級應用的移動化提供了強大的支持。 項目介紹 JeecgUniapp 是 JeecgBoot 低代碼平台的配套 A

uniapp , jeecg-boot , 低代碼 , uni-app , 移動端適配

收藏 評論

wenjinhua 頭像

前端子金 - 移動端適配知識點梳理-part one

1. 設備像素和css像素 設備像素，又叫物理像素（physical pixel），給出您正在使用的任何設備的形式分辨率，可通過screen.width/height獲取. css像素，又叫設備獨立像素（device-indenpendent pixel），此為邏輯像素，計算機設備中的一個點 注意：設備像素和css像素的關係（縮小還是放大針對的是css像素）： 100％縮

移動端適配 , viewport , 前端 , html5 , Javascript

收藏 評論

xiaoemo_5df065196d684 頭像

LUYrty櫻花 - 移動WEB開發-rem適配佈局

移動web開發之rem佈局 rem 基礎 媒體查詢 Less 基礎 rem 適配方案 一、 rem基礎 1、rem單位 rem (root em)是一個相對單位，類似於em，em是父元素字體大小。 不同的是rem的基準是相對於html元素的字體大小。 rem的優勢：父元素文字大小可能不一致， 但是整個頁面只有一個html，可以很好來控制整個頁面的元素大小。 比如，根元素（ht

移動端適配 , rem , 前端 , html5

收藏 評論

suibichuanji_5900e1f5bcf67 頭像

itclanCoder - 簡單聊下rem與em的區別並如何做移動端適配

説一下rem 與 em 有什麼區別 rem 是基於 html 元素的字體大小來決定，而 em 則根據使用它的元素的大小決定,一般被稱為相對長度單位,是根據它父元素的字體大小來計算的，一般默認情況下：16px = 1em 如果父元素font-size:16px,子元素margin:0.8em。那麼得到的大小就是:0.8 * 16 =12.8。 當所有單位都採用em時，我們只需要改變body的font

移動端 , 移動端適配 , rem , Javascript

收藏 評論

teamwei 頭像

teamwei - Less中函數的高級應用，PC、Web移動端適配的良藥偏方

多端適配 熟悉前端開發的一定會遇到這個問題，屏幕適配！有的項目要求同時適配PC、平板和移動端，那我們應該是寫幾套不同的樣式，還是隻寫一套呢？哪一種才是最好的？ 其實沒有哪一種最好的，還是得根據項目的需求來定，一般情況下我是推薦只寫一套代碼，因為這樣可以降低開發成本和維護難度。那麼就有個問題，一套代碼如何去適配不同設備？尺寸該用什麼單位？px？em？rem？ 我想大部分人的實現無非就那幾種方案： 在

css3 , less , 移動端適配 , 前端 , html5

收藏 評論

fulade 頭像

弗拉德 - 【Flutter 2-1】Flutter手把手教程UI佈局和Widget——文本和樣式 Text Widget

作者 | 弗拉德 來源 | 弗拉德（公眾號：fulade_me) Text 我們先來看Text的構造函數都有哪些參數： const Text( this.data, { //data 就是我們需要展示的文字 是字符串類型，這個是必傳字段，其他的都是可選 Key key, //widget的標識 this.style, //文本樣式

移動端 , dart , 移動端框架 , flutter , 移動端適配

收藏 評論

liwenhui 頭像

keywords - 移動端橫/豎屏模式下的電子簽名兼容

屏幕旋轉與文檔方向？如何監聽文檔方向變化，如何兼容橫屏/豎屏模式下的樣式佈局以及實現強制橫屏展示canvas手寫電子簽名頁？ 基於實踐問題，本文主要覆蓋以下至少點： 文檔方向與屏幕方向 不同端APP瀏覽器的橫屏預覽支持情況 移動端適配 橫屏佈局快速兼容 canvas響應式適配屏幕旋轉帶來的問題以及兼容方法

vue.js , 橫屏 , 移動端適配 , HTML , 前端

收藏 評論

m_63573a116d2a5 頭像

熊的貓 - 談談 H5 移動端適配原理

前言 歡迎關注同名公眾號《熊的貓》，文章會同步更新，也可快速加入前端交流羣！ H5 移動端 開發的必不可少的一個環節就是 移動端網頁的適配，因為 UI 通常只會提供 大小固定的設計稿，而各種不同移動設備具有不同的頁面分辨率和大小，所以適配的目的就是讓一份設計稿在不同移動設備上表現出一致性。 雖然現如今各種插件都可以幫助我們快速配置完成，例如 lib-flexible、postcss-pxto

vue.js , chrome , 移動端適配 , 前端 , Javascript

收藏 評論

andyhu99 頭像

AndyHu - 微信小程序（一）自定義導航欄和fixed失效及各機型兼容問題

前言 相信小夥伴們應該或多或少都開發過微信小程序，微信小程序的寫法雖然和vue有很多類似的地方，但又有很多vue屬性，在小程序中沒有類似的實現，比如計算屬性，watch 監聽等； 因為小程序是附着在微信 app 上，所以經常要處理一些安卓端和蘋果端的兼容，比如有些蘋果機屏幕下方有安全區域，一些安卓機上點輸入框輸入完畢後點完成按鈕鍵盤不能自動收回，導致輸入框不能失去焦點的問題，等等...

vue.js , 導航欄 , 微信小程序 , 小程序 , 移動端適配

收藏 評論

liu_namepea 頭像

我的名字豌豆 - 如何使用rem或viewport進行移動端適配?

 在開發移動端界面時，移動端適配一直是一個比較頭疼的事情，常見的移動端適配有viewport適配，rem適配，百分比適配等等，在這裏我們只介紹viewport適配和rem適配。看完這篇文章相信你應該會實戰操作移動端對於不同手機大小的適配問題了。 一：rem適配  rem是指相對於根元素的字體大小(font-size)的單位，根標籤的font-size=1rem。其可以稱作為相對單位，也就是説我們可

less , 移動端適配 , rem , viewport , 前端

收藏 評論

swifter 頭像

李斯維 - Android 應用的版本兼容 瞭解一下（理解 minSdkVersion、targetSdkVersion）

前言 眾所周知，Android 適用於眾多類型的設備，從手機到平板電腦和電視都能搭載使用。為了能在所有這些設備上順利運行，Android 系統在應用到設備上時，必不可少的需要處理與 Android 應用的兼容性問題。這裏就牽扯出兩個概念：設備兼容性與應用兼容性。 設備兼容性：設備能夠正常運行我們編寫的 Android 應用。 應用兼容性：針對市面上千奇百怪的 Android 設備，應用是否兼

android-sdk , 移動應用開發 , Android , android-studio , 移動端適配

收藏 評論

_6085362b65292 頭像

HZFEStudio - 移動端自適應的常見手段

完整高頻題庫倉庫地址：https://github.com/hzfe/awesome-interview 完整高頻題庫閲讀地址：https://febook.hzfe.org/ 相關問題 介紹 meta 的 viewport 值 rem 和 vw 的值是根據什麼計算的 1px 顯示問題 如何適配劉海屏 回答關鍵點 viewport 相對單位 媒體查詢 響應式圖片 移動端開發的主要痛點是

移動端 , 前端工程化 , 面試 , 移動端適配 , 前端

收藏 評論

joypro 頭像

JoyZ - 移動端VW適配

移動端適配方案有很多種，都各有千秋，這裏我只介紹vw+rem適配方案 先簡單粗暴上方案： 1、設置meta meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" 2、UI設計稿尺寸 （1）375 html{ font-size:26.67vw } （2）750

Css , 移動端適配 , viewport

收藏 評論

vivo_tech 頭像

vivo互聯網技術 - vivo 場景下的 H5無障礙適配實踐

作者：vivo 互聯網前端團隊- Zhang Li、Dai Wenkuan 隨着信息無障礙的建設越來越受重視，開發人員在無障礙適配中也遇到了越來越多的挑戰。本文是筆者在vivo開發H5項目做無障礙適配的實踐總結。本文主要介紹了在前端項目中常用的無障礙手勢和無障礙屬性，並且結合具體的開發案例為開發者真實展示了適配要點，提供組件適配思路。希望本文能為前端開發者帶來更多的參考和幫助。 一、背景 1.1

移動端適配 , 前端 , html5

收藏 評論

qianliduxing_5fced90c48383 頭像

魔術師Grace - 我家等離子電視也能用的移動端適配方案

前幾天我的領導“徐江”讓我把一個移動端項目做一下適配，最好讓他在家用等離子電視也能看看效果，做不出來就給我“埋了”，在這種情況下才誕生了這篇文章～ 什麼是移動端適配 移動端適配是指在不同尺寸的移動端設備上，頁面能相對達到合理的顯示或者保持統一的等比縮放效果移動端適配的兩個概念自適應：根據不同的設備屏幕大小來自動調整尺寸、大小響應式：會隨着屏幕的實時變動而自動調整，是一種自適應 而在我們日常開發中

Css , 移動端適配 , 前端 , Javascript

收藏 評論

daodaolee 頭像

道道里 - 【Mobile Dev Weekly #383】移動先行 or 桌面先行

🥳 歡迎有興趣的小夥伴，一起做點有意義的事！本文譯者：一緒 我發起了一個週刊翻譯計劃，倉庫地址，訪問地址 現在還很缺志同道合的小夥伴，純屬個人興趣，當然對於提升英語和前端技能也會有幫助，要求：英語不要差的離譜、github熟練使用、有恆心、謙虛、對自己做的事負責。 想參與的小夥伴，可以wx私信，也可以給倉庫發issue留言，我博客也有具體的個人聯繫方式：daodaolee.cn 不知

Css , 移動端適配 , 前端

收藏 評論