移动端开发
关注
分享
扫一扫
YooHoeh
热爱可抵岁月漫长
展开
-
React Native适配安卓IOS刘海屏、异形屏方案
首先顶部引入这几个模块 import { Platform, SafeAreaView, NativeModules, StatusBar } from "react-native"; const { StatusBarManager } = NativeModules; 获取状态栏高度 let statusBarHeight; if (Platform.OS...原创 2020-01-16 18:18:26 · 4533 阅读 · 3 评论 -
移动端常用布局代码实例
代码 <!DOCTYPE html> <html lang="zh-hans"> <head> <meta charset="UTF-8" /> <title>移动布局</title> <style> * { margi原创 2019-02-28 11:29:44 · 1132 阅读 · 0 评论 -
开发响应式页面移动端需要注意的几个点
1. 添加禁止浏览器主动缩放功能 涉及到网页开发历史遗留问题，最开始的手机浏览器网页是直接访问电脑网页或访问专门为诺基亚手机开发的WAP页面，对于电脑网页由于手机分辨率太低，浏览器会使用缩放页面的方式来展示原页面，这个也是为什么在手机页面上直接使用document.documentElement.clientWidth获取到的值为 980（之所以是这个值也是因为国外做过调查，那个时候的网页一般宽度...原创 2019-02-26 22:21:33 · 348 阅读 · 0 评论 -
REM——适合移动开发的自适应方案
文章目录1.什么是REM2.REM和EM的区别3.手机端方案的特点4.使用JS动态调整REM5.REM与其他单位同时存在6.在SCSS里使用PX2REM 1.什么是REM 先来认识几个常见单位： px：像素，这个大家都知道。 vh：viewport height，视窗高度，是指占整个浏览视窗高度的百分数。 vw：viewport width，视窗宽度，是指占整个浏览视窗宽度的百分数。 em：一...原创 2019-03-17 11:08:58 · 7899 阅读 · 0 评论 -
Mac彻底卸载Android Studio
1、卸载Android Studio，在终端(terminal)执行以下命令： rm -Rf /Applications/Android\ Studio.app rm -Rf ~/Library/Preferences/AndroidStudio* rm ~/Library/Preferences/com.google.android.studio.plist rm -Rf ~/Library/A...转载 2019-08-01 11:47:50 · 420 阅读 · 0 评论