E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
移动端页面
前端面试题
在使用中有那些注意事项,如何避免3、VUE中组件传值的常用方法4、前端路由的实现原理5、前端性能优化有那些方法6、
移动端页面
调试有那些技巧7、介绍下Promise,主要解决了什么问题?
jjw_zyfx
·
2020-07-11 09:07
前端
面试
关于min-height:100% 不生效的问题
移动端页面
很多时候我们想要一个自适应高度的容器,但是有时候min-height:100%设置了但是还是无法撑起页面,这主要是100%是基于父元素的,父元素的高度的是一个固定值例如html{height:
施主画个猿
·
2020-07-11 06:21
python selenium Chrome模拟手机浏览器
在做
移动端页面
测试时可以利用Chromemobileemulation辅助完成页面的适配问题,但是目前手机市场上的型号居多我们也没有办法通过人工的模式一一的去适配,所以这里考虑到通过自动化的模式来模拟,
aixi1895
·
2020-07-11 01:28
基于HTML5的移动Web应用——
移动端页面
布局和常用事件
目录流式布局视口1、理解视口2、移动端的3种视口移动端常用事件1、Touch事件简介2、Touch事件的应用3、过渡和动画结束事件流式布局在PC端进行网页制作时,经常使用固定像素并且内容居中的网页布局,为了适应小屏幕的设备,在移动设备和跨平台(响应式)网页开发过程中,多数使用流式布局,本节将对流式布局进行详细介绍。流式布局是一种等比例缩放布局方式,在CSS代码中使用百分比来设置宽度,也称百分比自适
sem00000
·
2020-07-10 01:39
移动WEB开发
前端
vue---museui解决底部/顶部导航栏位置固定问题
移动端页面
通常会包括顶部导航或底部导航栏,导航栏一般固定在页面上。问题描述如下:导航栏未固定,顶部红色导航栏会随着页面下滚而消失,底部的蓝色导航栏会根据页面内容变化而上下浮动,视觉体验非常不好。
maidu_xbd
·
2020-07-09 20:22
vue
web全栈工程师的自我修养2(为人处世心态)
不过由于移动设备的爆炸性增长,现在前端开发岗位开始要求有
移动端页面
开发的经验,或者熟悉响应式页面开发。Grunt等发布流程的成熟,也让前端工程师免除了很多枯燥的工作。
海翔哥
·
2020-07-09 16:39
子讲语录
前端
前沿科技
浅谈前端
移动端页面
开发(布局篇)
前言的一些碎碎念:最近一直在写移动端的页面,不过一直是用的别人造好的轮子,很多时候并没有想那是为什么,那是怎么样要那么写,就跟着别人的文档去了。本以为自己对移动端的那一丢丢理解,结果很多东西都特么有问题,所以,今天停下了手中的一些东西,来谈下移动端的布局方案吧内容有些长,这也是我第一次写博客,不足之处还请严厉指出一.viewport什么是viewport简单来讲,viewport就是浏览器上,用来
dengsong1856
·
2020-07-09 15:51
CSS 实现隐藏滚动条同时又可以滚动(转)
CSS实现隐藏滚动条同时又可以滚动
移动端页面
为了更接近原生的体验,是否可以隐藏滚动条,同时又保证页面可以滚动?使用overflow:hidden隐藏滚动条,但存在的问题是:页面或元素失去了滚动的特性。
apple011222
·
2020-07-09 13:52
开发
移动端页面
时,字体自动变大
前言:工作中开发
移动端页面
时会有部分内容字体无故变大,自己排查代码却没有解决,后来搜索问题才发现这是webkit内核下的特性TextAutosizer」,又称「FontBoosting」、「FontInflation
朋友喜欢叫我春哥
·
2020-07-09 10:36
移动端vw布局详解
在《使用Flexible实现手淘H5页面的终端适配》提出了Flexible的布局方案,随着viewport单位越来越受到众多浏览器的支持,因此在《再聊
移动端页面
的适配》一文中提出了vw来做移动端的适配问题
zjw0742
·
2020-07-09 06:30
VueJs
移动端字体显示大小和css设置大小的不一致解决方案
出现问题这几天在做
移动端页面
,研究了一下手淘的flexible.js并在自己项目中试行了一下,然后发现了一个纠结无比的问题,即:css里设置了字体大小,但是显示却非常诡异,用“诡异”来形容是因为这个问题在定位的时候真的无迹可寻
暴暴君
·
2020-07-09 05:06
自适应
网站建设和网站优化
提下轮播图模块,可以说是手机网站和app的必备了,百变模板同样支持这一功能,用户将模块添加后,上传自己需要展示的图片就能生成轮播图了,还可以设置在
移动端页面
是手动还是自动运行轮播图设置,自己动
苏州思霖网络
·
2020-07-09 03:17
移动端搭建
视口的参数视口的宽度可以通过meta标签设置,此属性为
移动端页面
视口设置,当前值表示在
移动端页面
的宽度为设备的宽度,并且不缩放(缩放级别为1)width:视口的宽度initial-scale:初始化缩放
我排着队拿着前端号码牌
·
2020-07-08 23:20
前端
移动端页面
背景图问题
最近在维护一个移动端项目,发现在手机高度过高的手机上例如:iphonex,在设置背景图的时候不会自动填满整个屏幕,针对这个问题进行了几个尝试。1.background-size:cover,这个可以把背景图片全部展开,但是会在底部留下白屏,这样用户体验很差。2.vh方案这个方案可以实现全屏,但是BUG也很明显,软键盘弹出后会出现背景图缩小的BUG,因为vh方案是以视口的高度进行计算,软键盘会影响视
刘延平
·
2020-07-08 22:17
前端
移动端
1在
移动端页面
上双击会放大的问题在移动端中,会出现双击的时候页面会放大,问题在于在设置的时候并没有设置好媒体查询的问题。
风寂云琅
·
2020-07-08 21:32
Vue 详情返回列表页记住滚动条位置详情
原文章(https://blog.csdn.net/solocoder/article/details/88124264)最近用Vue做
移动端页面
遇到一个问题,从列表页进入详情页,再返回到列表页,不管之前滚动到哪里
weixin_42508745
·
2020-07-08 20:03
vue
移动端页面
键盘弹出后导致body高度变低背景图片被挤上去解决方法
本身在设置背景图片的时候是将html,body的高度设为100%,然后.main{height:100%;background:url('../assets/images/
[email protected]
')no-repeatlefttop;background-size:100%100%;}但是这样写就会导致键盘弹出的时候html和body的高度从原来的100%变为(100%-键盘高度),这样的话main的h
王兴邦
·
2020-07-08 20:31
HTML5使用meta标签自适应的方法
使用meta标签:viewportH5
移动端页面
自适应普遍使用的方法,理论上讲使用这个标签是可以适应所有尺寸的屏幕的,但是各设备对该标签的解释方式及支持程度不同造成了不能兼容所有浏览器或系统。
小柒很爱喵
·
2020-07-08 20:10
js判断
移动端页面
按home键切换到桌面事件或者pc端切换窗口
原文地址:https://www.cnblogs.com/dantis/p/9288228.html原理就是通过页面标签切换事件(visibilitychange)来判断,亦可用户移动端桌面和app切换。先看代码:varhiddenProperty='hidden'indocument?'hidden':'webkitHidden'indocument?'webkitHidden':'mozHid
吖秧吖
·
2020-07-08 19:57
html
【前端库】淘宝适配 rem适配 lib-flexible.js 个人总结
看完这篇文章
移动端页面
开发适配rem布局原理,发现我根本就不懂(心想管他了),但是只要会使用即可,干货来了。
搬砖老程
·
2020-07-08 19:06
前端
移动端手机物理返回键,事件监听,实现跳转指定页
相信很多小伙伴在开发
移动端页面
时,遇到过手机物理键盘返回键直接退出到系统主页面的情况,其实很简单的几行代码就可以解决。
吕化冬
·
2020-07-08 19:35
小方法
微信浏览器中阻止video全屏播放的方法
用html写
移动端页面
的过程中,有时候需要在一个相对小的区域去播放视频,免不了就会用到video标签,本来这个需求在一般的浏览器里时没什么问题的,但是用video在微信或者qq浏览器中播放时,发现视频会自动强制全屏播放
weixuandong00
·
2020-07-08 18:55
前端总结
基于vue的语音播放器(语音条)
最近公司项目需要在
移动端页面
中使用语音播放功能,直接使用audio标签即可完成,但奈何默认的audio样式太丑,没办法,只能自己造轮子了。
weixin_34247155
·
2020-07-08 17:58
react移动端适配方案实践
更多移动端资料推荐w3cplus再聊
移动端页面
的适配w3cplus如何在Vue项目中使用vw实现移动端适配w3cplus使用Flexible实现手淘H5页面的终端适配本项目配置源码地址tips/*处理vm
weixin_34199335
·
2020-07-08 17:53
移动端1像素边框问题与CSS媒体查询
做
移动端页面
开发时,我们是按照UI设计图上的尺寸来做的。
weixin_33985679
·
2020-07-08 16:31
移动端页面
开发适配 rem布局原理
移动端页面
开发适配rem布局原理什么是适配,为什么要适配我们拿到的设计图一般是以640,750,1080分辨率为基准设计的,而现在的手机终端各式各样,分辨率不同,逻辑像素不同,视口不同,所以为了让我们的页面在每个设备上都可以良好的展示
weixin_33851604
·
2020-07-08 15:14
关于
移动端页面
强制竖屏
最近工作中写了一个移动端的页面,本来是没什么的,但是有一个要求感觉很奇怪,从前也没有遇到过,就是我写的这个页面需要放在一个APP中,但是这个APP是横屏的,打开这个页面的webview也是横屏的(最新版的APP打开的时候是竖屏的webview),本来我们是用的rem布局,横屏的状态下也是没有什么问题的,但是甲方希望在横屏打开的时候强制这个页面竖屏显示。所以就有了下面一系列的操作了。首先是判断横屏的
weixin_30723433
·
2020-07-08 14:35
vue-cli 【flexible】屏幕字体自适应布局及配置
0.前言:很多前端小伙伴在写页面尤其是
移动端页面
的时候,要求页面布局以及字体大小随屏幕宽度变化而随之按比例自适应【注:非响应式】,那么,在vue-cli脚手架中应该如何去实现呢?
weixin_30565327
·
2020-07-08 14:31
如何在Vue项目中使用vw实现移动端适配
在《使用Flexible实现手淘H5页面的终端适配》提出了Flexible的布局方案,随着viewport单位越来越受到众多浏览器的支持,因此在《再聊
移动端页面
的适配》一文中提出了vw来做移动端的适配问题
W3cplus_
·
2020-07-08 07:01
前端之PC及
移动端页面
适配方法
PC及
移动端页面
适配方法设备屏幕有多种不同的分辨率,页面适配方案有如下几种:1、全适配:流体布局+响应式布局2、移动端适配:流体布局+少量响应式基于rem的布局弹性盒模型流体布局流体布局,就是使用百分比来设置元素的宽度
前端头条
·
2020-07-08 07:43
HTML5
SEO
HTML
科技
web前端
程序员
编程
资讯
JavaScript
css
框架
css3
移动端css尺寸适配方案
移动端页面
等比例放大缩小适配方案做了四个多月微信小程序的开发,受rpx单位的影响,想着能不能单纯的利用css做出rpx的效果,拿个移动端的项目练了一下手,分享一下方案。
tengxi_5290
·
2020-07-08 07:29
H5
移动端页面
缩放(zoom)
假如设计图以iphone6为基础屏,那可以在此基础上根据设备视图大小进行缩放,达到不同设备兼容的效果functionresetRender(){varbaseWidth=750;varcurrWidth=document.getElementsByTagName('html')[0].offsetWidth;var_body=document.getElementsByTagName('body'
sT-an
·
2020-07-08 04:18
javascript
移动端开发遮罩层(弹窗)防止滚动穿透解决方案
在
移动端页面
开发中,经常会去封装一个遮罩层(全屏弹窗),遮罩层(全屏弹窗),遮罩层(全屏弹窗)的组件,但是如果是固定定位的position:fixed;在弹出的时候会遇到一些小坑,之前搜索了一下,网上的博客也好评论也罢
槿畔
·
2020-07-08 01:06
javascript插件
vue学习
微信浏览器input关闭键盘后导致页面底部空缺问题解决方案
昨天遇到一个问题,
移动端页面
中有一个input框点击时弹出软键盘,关闭时页面底部空白出一部分,然后滑动一下又恢复原状了。这个问题是在部分ios手机里出现的,目前安卓手机没有复现。
宋哈哈
·
2020-07-08 00:55
前端--基础
项目中遇到的小问题
有用的代码总结
VUE相关
解决给h5
移动端页面
设置背景颜色后,整个屏幕填充背景色的问题
未解决之前:解决代码:html,body{margin:0;padding:0;outline:none;list-style:none;width:100%;height:100%;background:#012145;font-family:"微软雅黑";/*overflow-x:hidden;*/}body{background:#012145;background-size:6.4rem;
包淼淼
·
2020-07-07 21:21
css
移动端H5视频页面坑之总结
最近刚做了一个
移动端页面
,大致功能是原生app分享出来到各大平台的视频页面,做的过程中遇到的问题总结如下:布局篇问题1.页面需要兼容主流手机,主流手机又有不同版本,怎么做到呢?
南风喃丶
·
2020-07-07 21:07
JavaScript
移动端声明及meta标签设置
使用最新的浏览器渲染)3.视口(快捷键:meta:vp)作用:在移动浏览器中,当页面宽度超出设备,浏览器内部虚拟的一个页面容器,将页面容器缩放到设备那么大展示;视口的宽度可以通过meta标签设置;此属性为
移动端页面
视口设置
Li_blog
·
2020-07-07 21:29
前端html
全栈开发学习(Node+Vue+Mongodb)(十)——后台数据展示到
移动端页面
本专题文章共十篇,已完结,后续有补充会实时更新。1后台数据录入录入后台数据的各种分类(手动)爬取官网的数据Chrome里console中输入:$$(‘选择器’)=》$$('选择器').map(el=>el.innerHTML)=》*.slice(5)*//跳过5条数据在数据库中引入所有模型,在server里安装:npmirequire-all在db.js中引入require('require-al
BOL4
·
2020-07-07 19:10
全栈学习
vue
node.js
mongodb
json
移动端上下滑动事件之--坑爹的touch.js
移动端页面
的盛行,微信的便利的页面推广等等,让越来越多的css3效果和html5在手机端大放异彩。于是乎,各式各样的简约酷炫的html5页面层出不穷,最多的就是视差滚动+css3动画。
小水滴2014
·
2020-07-07 17:32
Web前端
flex-box简单使用(一)
张鑫旭大神2010年写的flex-box详解,今年是2016年了~最近在做
移动端页面
。在此之前没有详细了解过
移动端页面
开发的一些细节。直接上手就做起来了,按照在pc端的布局方式去写移动端的页面。
史蒂芬李
·
2020-07-07 16:43
其他
【Vue】Vue
移动端页面
自适应解决方案
移动端页面
自适应解决方案该方案使用相当简单,把下面这段已压缩过的原生JS(仅1kb,源码已在文章底部更新,2017/5/3)放到HTML的head标签中即可(注:不要手动设置viewport,该方案自动帮你设置
时间飞逝子非鱼
·
2020-07-07 13:55
Vue
H5或
移动端页面
在手机上调试操作流程
我是初级前端,最近写了个h5想在手机上调试效果,几年前用的是Apache的一款软件在本地电脑起的服务,但是软件太大,运行太占资源,果断换掉。那用什么呢?当然是node了,这么强大的工具不用可惜了,具体操作流程如下:1.安装node.js,不多说了2.安装之后,在node里面找一个文件夹用来放需要调试的文件,这个文件夹也是用来起服务用的;我选的是这个(里面的文件是安装之后就有的,不必理会,放入自己的
jsyxiaoba
·
2020-07-07 12:08
移动端
心得
移动端web页面适配解决方案--flexible方案
做web开发的童鞋们通常都会遇到
移动端页面
开发,而手机屏幕尺寸不一,因此页面适配是我们必须解决的问题。下面介绍一种简单又效果非常不错的解决方案--flexible方案。
hxf6060
·
2020-07-07 10:14
移动端页面
调试神器-browser-sync
最近公司赶一个项目,是mobile端,之前没怎么做过移动端的开发,这个项目算是个小尝试。在做项目的过程中,用到了一个神器--browser-sync,在这里分享给大家。1、静态页面调试作为前端,肯定是要保证页面的兼容性的。通常的测试场景是,前端人员人手N部测试机,改下页面,依次手动刷新各个手机,真的非常蛋疼,这些重复性的工作,不应该由人来完成,而应该由机器来自动完成,这时,browser-sync
diaofu2010
·
2020-07-07 06:23
解决ios环境下点击输入框页面被顶起不能自动回弹到底部问题
前几天开发中遇到的问题,vue
移动端页面
,点击输入框页面被顶起不能自动回弹到底部,底部会留白问题。
赵小懒猪cium
·
2020-07-07 01:50
vue
移动端
兼容ios
点击输入框页面被顶起不能回弹
移动端页面
适配方案
阅读目录1.问题的引出2.简单问题简单解决3.网易的做法4.淘宝的做法5.比较网易与淘宝的做法6.如何与设计协作7.总结文/流云诸葛本文结合自己对网易与淘宝移动端首页html元素上的font-size这个属性的思考与学习,讨论html5设计稿尺寸以及前端与设计之间协作流程的问题,内容较多,但对你的技术和工作一定有价值,欢迎阅读和点评。1.问题的引出最近阅读白树的博文《移动web资源整理》时,他在博
PHPService
·
2020-07-06 23:34
CSS
js移动端自适应动态设置html的fontsize
JS设计
移动端页面
时会遇到自适应问题,大多数都知道用rem来设置页面的比例大小,下面就来说几种常见的html中的fontsize设置方法:1.使用flexible.js插件库。
BillyWang2016
·
2020-07-06 21:21
详解
移动端页面
细线实现方案
详解
移动端页面
细线实现方案特别提醒,本文写于2017-1-2,下面案例中出现的各大网站的实现方式随时有可能变化。先说下本文要做什么:解析一些主流的移动端H5虚线方案。
大菜鸟231
·
2020-07-06 20:44
前端
JavaScript必知必会
移动端页面
刚加载时字体会变大的解决方案
之前这个script标签一直放在head标签里,但加载页面时候每次字体都会先变大。document.documentElement.style.fontSize=document.documentElement.clientWidth/7.5+"px";如果放在body标签中,就可以解决以上问题。document.documentElement.style.fontSize=document.do
蓝图null
·
2020-07-06 19:23
前端
移动端页面
自适应解决方案—rem布局(进阶版)
之前的一篇《手机端页面自适应解决方案—rem布局》随着时间的推移,该方案已然过时,故为大家介绍一个目前我极力推荐使用的,更加完美的方案——rem布局(进阶版)该方案使用相当简单,把下面这段已压缩过的原生JS(源码已在文章底部更新,2017/5/3)放到HTML的head标签中即可(注:不要手动设置meta标签viewport,该方案自动帮你设置)!function(e){functiont(a){
weixin_30919919
·
2020-07-06 19:56
上一页
8
9
10
11
12
13
14
15
下一页
按字母分类:
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
其他