ionic px转rem 屏幕适配

原創 a7459 2020-07-08 08:57


以375的设计图来说，
px转化为rem只需要除以10就好了。比如设计图上width是100px 转成rem就是10rem。不用写媒体查询 不用设置全局基准字体，直接除以10转rem 就是这么简单。

有问题评论，我看到会回复。满意请点赞 ，谢谢！

發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章

Zabbix7.0 beta1发布，性能提升、架构优化等新功能抢先看

點擊立即試用Zabbix7.0 beta1 Zabbix7.0 beta 1 於1月30日發佈！（正式版將於第一季度發佈。） 7.0有什麼新功能？本文一睹爲快。 Zabbix7.0 聚焦於幫助用戶通過性能優化和功能升級

原創 2024-02-02 22:29:02

ionic设置启动图标与启动页

https://www.cnblogs.com/ckAng/p/8302699.html

a7459 2020-07-08 08:57:51

ionic版本问题

今天開始做一個新的ionic項目，本來是ionic3 現在新版本都ionic5了。不升級的話所有的插件都是已經升級過的，再加載插件會報錯。插件的版本也很狗，如果不升級ionic版本就只能去老項目拷貝package.json。升級下

a7459 2020-07-08 08:57:51

android开发 jsbridge的使用及webview与android的交互

目錄1. jsbridge框架的基本使用2.原生webview與android交互 1. jsbridge框架的基本使用 框架地址 https://github.com/lzyzsd/JsBridge 導入省略。 使用Bri

来来走走 2020-06-24 16:16:29

移动跨平台开发

1 Ionic 安裝指定版本的Ionic或Cordova 取消npm代理或淘寶鏡像 Ionic創建項目失敗Error: read ETIMEDOUT解決方案 Ionic-Android平臺項目調試時出錯：The connectio

Karen Chia 2020-06-23 07:45:19

flutter入坑指南

flutter入坑指南 1.環境安裝 cd $HOME vim ~/.bash_profile export PATH=/Users/ioth5/lxd/flutter/bin:$PATH export PUB_HOSTED_UR

ioth5 2020-06-23 04:55:31

Weex核心原理

Weex核心運行原理分析 1. Weex主要包括三大部分： JS Bridge Render Dom WXBridgeManager WXRenderManager WXDomManager 2. weex運行機

ioth5 2020-06-23 04:55:31

Android-Hybrid-问题收集&Android客户端无法拦截Vue路由的问题

1. 在Android客戶端或Chrome瀏覽器彈出一個引導用戶關注公衆號的二維碼 描述 客戶端加載線上義診Url，偶爾會彈出一個要求關注丁香園公衆號的二維碼  問題分析 後端會根據當前登錄用戶向前端界面注入一段如下js  <s

满地星辰 2020-06-22 20:51:22

Weex学习第二篇：Hello world

曾經何時，我以爲學習一門語言或者是新技術，只要能寫出Hello world，就算是學會了。這個思想困擾了我很久，以至於之前整理電腦的時候發現php，python，ruby，phonegap，react native，go，node.js

孙启超 2020-06-19 06:38:43

Hybrid--混合开发-文件上传包括android+服务器--3

先mark

熊猫卓 2020-06-17 11:58:40

Hybrid 混合开发--基础储备--1

作爲一個剛剛起步做混合的小白，對開源的混合框架全不知曉，對於各種html、js更是一片迷茫，我想說接下來的路註定坎坷。。。 好吧，先從熟悉的開始準備： 1、android使用webview實現混合開發，關於第一步準備一個webview的佈

熊猫卓 2020-06-17 11:07:18

react-native的各种坑

一，Could not resolve all files for configuration ':app:releaseCompileClasspath react-native版本：0.57.1 這個問題原本不是rn版本的問題，原

蜗牛不会跑~ 2020-06-17 02:57:27

web--缓存（二）（NSURLProtocol）

之前的工作筆記在公司電腦上，因此這裏就先來淺談下NSURLProtocol做web緩存時令人印象深刻的坑吧！ 1、使用的是UIWeb和WKWeb的區別： UIWeb就比較簡單了，隨便網上搜下就能找到NSURLProtol使用方法，按上邊的

denggun12345 2020-06-16 08:10:22

集成RN遇见的坑

先來簡單瞭解下相關概念： 搭建環境： 1、安裝必需的軟件 1》Homebrew： Mac系統的包管理工具，用於安裝NodeJS和一些其他必須的工具軟件 2》Node： 用Homebrew安裝Node.js（是一個基於Chrome V8引擎

denggun12345 2020-06-16 08:10:22

iOS hybrid App 的实现原理及性能监测

作者董一凡自述：作爲一名寫了十年代碼的程序員，目前我最擅長的領域是移動平臺的客戶端開發，在移動領域的開發時間超過七年，前前後後涉獵過很多個平臺。隨着大部分移動平臺自己走向死亡，現在我也主要專注在了iOS和Android兩大移動平臺，

Nvermore_ 2020-06-13 01:25:23