51
Dev开发社区
首页
文章
问答
工具
搜索
登录
注册
#移动云
移动端轮播完整版css3加原生写法
<!doctypehtml><html><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,user-scalable=no,initial-scale=1.0,max...
代码星球
·
2021-02-08
移动
端轮
播完
整版
css3
移动端续讲及zepto移动端插件外加touch插件介绍
媒体查询:针对不同设备,显示不同的样式。 设备像素比:dpr device-piexl-ratio 在he开发中,要一个3陪高清图片; 1080>=320*3 (主要是为了解决图片的失真问题) 移动端忌讳出现x轴滚动条,所以要使用overflow-x:hidden;(一般在html/b...
代码星球
·
2021-02-08
移动
插件
端续
zepto
外加
对于移动端总结
先了解一些概念(为了移动端的适配) 因为我们的设备宽度,浏览器视口的宽度,以及我们写的样式的宽度,三者不统一,在移动端呈现出来的页面不好看,所以,为了让移动端的页面好看, 我们制定了一系列的规则;将设备宽,视口宽,我们的样式宽,统一起来(这个概念叫适配); 第一步:重要:移动设备宽和浏览器视口的宽保持一致; ...
代码星球
·
2021-02-08
对于
移动
总结
移动端rem布局屏幕适配插件(放js中便可使用)
/* doc:不用管:document对象 win:不用管:window对象 design:注意:设计稿的尺寸/物理像素*/(function(doc,win,design){//alert(123)vardocEl=doc.documentElement,resizeEvt='orientationchange...
代码星球
·
2021-02-08
移动
rem
布局
屏幕
适配
移动式布局
移动式布局 1.移动设备:手机和iPad 系统分:安卓系统和iOS系统 安卓系统内置浏览器是谷歌,ios内置safari浏览器,他们的内核都是webkit,不需要考虑兼容性,但安卓和iOS系统还是有区别的; 2.布局(写页面)所考虑的东西 设备宽度:就是设备实际大小,设备分辨率,就...
代码星球
·
2021-02-08
移动式
布局
如何让移动设备的宽与浏览器视图的宽保持一致
使用meta标签 在head标签里面加上这一句; <metaname="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0...
代码星球
·
2021-02-08
如何
移动
设备
浏览器
视图
css实现移动端滚动条隐藏仍然可以滚动内容
.g-panel{height:calc(100%-112px);overflow:auto;&::-webkit-scrollbar{display:none;//重点}} element::-webkit-scrollbar{display:none;//重点}...
代码星球
·
2021-02-06
滚动
css
实现
移动
隐藏
基于zepto的插件之移动端无缝向上滚动并上下触摸滑动
该插件乃本博客作者所写,目的在于提升作者的js能力,也给一些js菜鸟在使用插件时提供一些便利,老鸟就悠然地飞过吧。 公司的移动端项目是基于zepto的,有一个页面要求文字能够无缝地不停向上滚动,但查了网...
代码星球
·
2021-02-06
基于
zepto
插件
移动
无缝
移动端文本框点击后网页变大的解决办法
我们在写移动端网站时,可能会遇到在点击一个文本框想要输入内容时,整个网页都会变大,其中的字体也会变大,这就大大影响了用户的体验,也背离了我们做自适应的初衷,那么此种问题该如何解决呢?经过我在网上各种查资料,终于找到了解决的办法,即:将<metaname="viewport"content="width=devic...
代码星球
·
2021-02-06
移动
文本
点击
网页
大的
移动平台webApp的meta标签-----神奇的功效
对于桌面平台web布局中大家对meta标签再熟悉不过了,它永远位于head元素内部,对做SEO的朋友一定对meta有种特殊的感情吧,今天我们就来说说移动平台的meta标签,在移动平台meta标签究竟有哪些神奇的功效呢?1、Meta之viewport说到移动平台meta标签,那就不得不说一下viewport了,那么什么是...
代码星球
·
2021-02-06
移动
平台
webApp
meta
标签
vi/vim 光标移动命令(转载)
转载至:https://www.cnblogs.com/Jacklovely/p/6015037.htmlvi/vim光标移动命令移动光标上:knk:向上移动n行9999k或gg可以移到第一行G移到最后一行下:jnj:向下移动n行左:hnh:向左移动n列右:lnl:向右移动n列w:光标以单词向前移动nw:光标向前移动n...
代码星球
·
2021-02-03
vi
vim
光标
移动
命令
Vue移动端项目模板h5
基于版本vue2.6的一个集成移动端开发插件的Vue移动端模板包含1、css:使用stylus开发css集成reset样式文件修改UI组件文件统一样式处理(如主题色等)2、UI组件使用热门的移动端vue组件库vant按需加载3、移动端适配集成rem插件移动端适配META标签4、组件集成标题栏组件、无数据组件、底部导航5...
代码星球
·
2021-02-03
Vue
移动
项目
模板
h5
fastclick解决移动端300ms的延迟
fastclick插件可以解决移动端300ms延迟 那么怎么使用它呢?很简单:首先是要安装这个插件例子:npm上的安装:npminstallfastclick--save安装完成之后,在main.js文件中 1.导入fastclick: improtFastClickfrom'...
代码星球
·
2021-02-02
fastclick
解决
移动
300ms
延迟
使用 weinre 远程调试移动端页面
1.安装nodejs以及npm2.安装weinre npm-ginstallweinre3.使用 (1)weinre--boundHost[IP_address]--httpPort[port] 默认端口是8080 (2)在浏览器上打开网址 如192.168.5.239:123...
代码星球
·
2021-02-01
使用
weinre
远程
调试
移动
js判断用户的浏览设备是移动设备还是PC
<scripttype="text/javascript">functionbrowserRedirect(){varsUserAgent=navigator.userAgent.toLowerCase();varbIsIpad=sUserAgent.match(/ipad/i)=="ipad"...
代码星球
·
2021-02-01
设备
js
判断
用户
浏览
首页
上一页
...
5
6
7
8
9
...
下一页
尾页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他