
移动端开发深度揭秘
我的奋斗ing
找不到对象的程序猿
展开
-
移动端-基本环境
在谷歌浏览器添加移动端设备(模拟的只是尺寸)xampp下载安装使用xampp下载地址:https://www.apachefriends.org/download.html1.双击xampp安装目录下的xampp-control.exe,打开xampp控制面板点击Apache的“Start”按钮,启动Apache服务...原创 2019-03-01 19:47:10 · 262 阅读 · 0 评论 -
移动端常见问题
移动端清除默认样式https://blog.youkuaiyun.com/qq_35187942/article/details/88807337原创 2019-03-02 10:06:54 · 137 阅读 · 0 评论 -
移动端清除默认样式
/*清除点击时的高亮颜色*/a,input,button { -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}/*清除ios下的默认圆角*/input,button { -webkit-appearance: none; border-radius: 0;}body { margin: 0; -webkit-use...原创 2019-03-25 21:55:55 · 929 阅读 · 0 评论 -
移动端案例
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,user-scalable=no"/> <title></title> <script...原创 2019-03-26 16:34:55 · 697 阅读 · 0 评论 -
弹性盒模型-主轴方向设置
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> body{ margin: 0; } #box{ height: 200px; border: 1px s...原创 2019-03-27 09:06:56 · 8940 阅读 · 0 评论 -
网页自适应
现在,很多项目都需要做响应式或者自适应的来适应我们不同屏幕尺寸的手机,电脑等设备,那么就需要我们在页面上下功夫,但移动端的布局不同于pc端,首先我们要知道在移动端中,css中的1px并不等于物理上的1px,因为手机屏幕的分辨率已经越来越高,高像素但是屏幕尺寸却没有发生太大变化,那就意味着一个物理像素点实际上塞入了好几个像素。下面我就来说一下如何做响应式(自适应)的网页设计原文:https://...转载 2019-03-27 10:56:20 · 113 阅读 · 0 评论 -
移动端事件
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,user-scalable=no"/> <title></title> <style&...原创 2019-03-28 09:43:14 · 123 阅读 · 0 评论 -
移动端的点透
移动端的点透 当上层元素发生点击的时候,下层元素也有点击(焦点)特性, 在300S之后,如果上层元素消失或隐藏,目标点就会漂移到下层元素身上, 就会触发点击行为。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name="viewport" cont...原创 2019-03-28 10:29:01 · 170 阅读 · 0 评论