
移动端开发
上头upup
这个作者很懒,什么都没留下…
展开
-
常见的移动端H5页面开发遇到的坑和解决办法
超链接点我!原创 2020-03-10 09:18:45 · 246 阅读 · 0 评论 -
H5 IOS input 聚焦时。页面整个被推上去了,键盘收起页面未下移 bug
https://blog.youkuaiyun.com/qq1014156094/article/details/88698647?depth_1-utm_source=distribute.pc_relevant.none-task&utm_source=distribute.pc_relevant.none-task原创 2020-03-10 08:54:37 · 996 阅读 · 0 评论 -
移动端开发 main.js入口文件
import Vue from 'vue'import App from './App.vue'import router from './router'import store from './store'// rem适配文件import './assets/js/app'// css重置样式import './assets/css/reset.css'// 引入munt-ui...原创 2020-02-21 09:53:22 · 452 阅读 · 0 评论 -
移动端开发 自适应rem js文件
(function(win) { var docEl = win.document.documentElement; var time; function refreshRem() { var width = docEl.getBoundingClientRect().width; i...原创 2020-02-19 12:07:59 · 510 阅读 · 0 评论 -
reset.css
@charset "utf-8";/*=========================Reset_start==========================*/body,h1,h2,h3,h4,h5,h6,div,p,dl,dt,dd,ol,ul,li,form,table,th,td,a,img,span,strong,var,em,...原创 2020-02-19 12:06:31 · 123 阅读 · 0 评论 -
resset-rem.css
@charset "utf-8";/*=========================Reset_start==========================*/body,h1,h2,h3,h4,h5,h6,div,p,dl,dt,dd,ol,ul,li,form,table,th,td,a,img,span,strong,var,em,input,textarea,select,opti...原创 2020-02-19 09:59:25 · 185 阅读 · 0 评论 -
移动端页面rem+media写法过程
移动端页面rem+media写法过程1.先看psd是多宽的设计图 假设是640的设计图 设计图都是设备宽度的2倍2.在iphone5下进行调试 所有的元素的宽高设为量出来的值/2 这个时候还是px3.引入reset-rem.css 这个里面用媒体查询定义了不用屏幕下 根元素的字体大小4.把px转化为rem 把css样式复制到以下网址进行转化 在转化的时候要填写转化的单位如果是...原创 2020-02-18 16:34:54 · 239 阅读 · 0 评论 -
box-sizing 的计算方式
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> #d1,#d2{ width:200px; ...原创 2020-02-18 16:04:30 · 213 阅读 · 0 评论 -
移动端开发meta标签 viewport 设置
移动端开发meta标签 viewport 设置<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">原创 2020-02-18 15:22:49 · 188 阅读 · 0 评论