移动端
懂懂kkw
持续精进
展开
-
rem.js 移动端rem适配js代码
!(function(win, doc) { function setFontSize() { // 获取window 宽度 var winWidth = window.innerWidth; doc.documentElement.style.fontSize = (winWidth / 750) * 100 + 'px'; } var evt = 'onorientationchange' in win ? 'orientatio.原创 2020-05-14 10:07:42 · 661 阅读 · 0 评论 -
推荐一款移动端调试神器(eruda)
1. 简介Eruda github地址: 戳这里 Eruda 是一个专为手机网页前端设计的调试面板,类似 DevTools 的迷你版,其主要功能包括: 1) 捕获 console 日志、 2) 检查元素状态、 3) 捕获XHR请求、 4) 显示本地存储和 Cookie 信息等等。 5) 详细功能戳 git 地址 简单的说就是谷歌能实现的手机上基本都能实现2. 使用gi...原创 2019-01-15 15:09:39 · 1260 阅读 · 0 评论 -
如何适配处理iphoneX底部的横条 ?(转)
iphoneX手机取消了实体Home键,取而代之的是主界面底部不显眼的横条“HomeIndicator”。当网页底部fixed 元素时候,一部分元素可能就被这个横条遮挡住,怎么适配解决呢? 第一步: <meta name=“viewport” content=“width=device-width, viewport-fit=cover”> 第二步: ...转载 2019-06-06 10:16:06 · 8521 阅读 · 0 评论 -
移动端开发环境
适配各种手机屏幕, 预编译, gulp编译. 移动端开发环境 ps : 自己用的 下载解压 => 进入文件夹, yarn install(npm, cnpm 也可以) 安装依赖 => 全局安装gulp, yarn globaladd gulp => 编译过程终端执行命令 gulp => dist 文件是最终编译后的文件,自动转换 rem 适配所有手机=&g...原创 2018-11-23 14:37:28 · 581 阅读 · 0 评论 -
移动端基础页面,包含(时间选择器,checkbox三级关联选择)
时间选择器插件地址 (基于jquery)提取码: pibm 完整样式图js 代码可以参考,其他略过<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="apple-mobile-web-app-capable"...原创 2019-07-14 08:46:48 · 451 阅读 · 0 评论