移动端页面

部分安卓手机点击输入框，输入法会将输入框遮住问题

在写移动端页面时候在乐视手机测试时，点击输入框，输入框无法自动调整到可视区域，并且输入法挡住了输入框，在其他苹果和安卓手机上测试是可以自动移动到可视区域的上网找了一些方法：1、scrollIntoView
王同超·2017-11-27 11:14

利用whistle调试移动端页面

websocket、tunnel请求，如：修改hosts、请求方法、响应状态码、请求(响应)头、请求(响应)内容等等，基本上可以操作web请求的方方面面，而且支持插件扩展功能，本文主要讲下如何用whistle调试移动端页面
avwu·2017-11-25 00:00

项目管理实践篇——移动端产品页面策划

前两个月接到移动端页面策划工作，此类工作是我第一次接触，有诸多不熟悉的地方，从底层逻辑，功能实现，再到整体页面的显示效果。
谢谢_Aza·2017-11-17 16:45

手机端页面布局之rem

相信很多刚开始写移动端页面的同学都要面对页面自适应的问题，当然解决方案很多，比如：百分比布局，弹性布局flex（什么是flex），也都能获得不错的效果，这里主要介绍的是本人在实践中用的最顺手最简单的布局方案
Lofty_ambition·2017-11-13 11:22

微信jssdk 签名错误排查方法

最近手头业务，移动端页面在微信浏览器中分享转发的时候没有缩率图，只有标题和链接，如下：无缩略图的情况按照微信的官网自定义分享功能，引入jssdk，结果调试，一直报错签名错误，invalidsignature
bboyjoe·2017-11-06 14:54

记 微信 H5 开发

一、页面布局问题模拟移动端页面，大体布局思路是，头部区域，中间内容区域，底部区域大体结构：头部中间内容底部布局方式①：利用定位html,body设置width，height百分百body相对定位，溢出隐藏
雷波_viho·2017-10-31 11:14

移动端初设置（使用rem作为单位）

计算出fontSize，根据当前fontSize得出rem，制作移动端页面。
C_william·2017-10-25 10:45

【暂未解决】video标签在移动端页面播放时默认全屏的问题

状况描述：在微信打开移动端页面的视频，点击播放后自动进入全屏模式，给标签添加webkit-playsinline后，一些机型无效，如小米。华为mate9是默认不全屏的。
Baddyo·2017-10-19 19:58

阻止视频在移动端页面中全屏播放

最近公司的项目中出了需要在局部播放视频的需求，我们都知道HTML5中有一个专门的标签video用来嵌入视频。不过，这个video标签有很多的属性可能很多同学并不是很熟悉，下面我们来认识一下：在网页里嵌入HTML5视频播放器的方法非常简单：你的浏览器不支持video标签.controls:显示标准的HTML5视频/音频播放器控制条、控制按钮。autoplay:让文件自动播放。loop:让文件循环播放
汤利利·2017-10-18 18:37

移动端页面适配的rem换算

为什么要使用rem之前有些适配做法，是通过js动态计算viewport的缩放值（initial-scale）。例如以屏幕320像素为基准，设置1，那屏幕375像素就是375/320=1.18以此类推。但直接这样强制页面缩放过于粗暴，会导致页面图片文字失真模糊。Px是相对固定单位，字号大小直接被定死，所以用户无法根据自己设置的浏览器字号而缩放，em和rem虽然都是相对单位，但em是相对于它的父元素的
一颗冉冉升起的新星·2017-09-29 00:50

如何让图片按比例响应式缩放、并自动裁剪的css技巧

原文：http://blog.csdn.net/oulihong123/article/details/54601030响应式网站、移动端页面在DIVCSS布局中对于图片列表或图片排版时，如果想要图片按比例缩放
雷明nice·2017-09-28 15:00

表单中readonly的input等标签，禁止光标进入（focus）的几种方式

需求及问题描述在做移动端页面，需要在订单页面中显示表单数据，由于UI统一，所以就依旧采用form的结构来写结构，只读数据的标签自然要加readonly=”readonly”，以为这样就行了。
whidy·2017-09-28 00:00

移动端页面适配———多方案解析

在移动互联网快速发展的今天，手机的种类和尺寸越来越多，作为前端的小伙伴们可能会越来越头疼，但又不得不去适配一款又一款的新机型。对于移动端适配，不同的公司、不同的团队有不同的解决方案。我在项目中也用了一部分解决方案，也看到了一些解决方案，对比下，总结一些自己的理解，希望对各位有帮助，找到最适合你们项目的适配方案。下面是一些基础概念的讲解，帮助理解各种适配方案实现。像素：1、物理像素（设备像素）屏幕的
keenjaan·2017-09-26 08:04

【相机】(2)——WebView中打开相机、文件选择器的问题和解决方法

近几年前端开发真是越来越火，H5页面开发的移动端页面甚有夺我原生开发半壁江山的意思，忧伤忧伤。不过从实际情况考虑，H5一套代码到处跑的特性，我们的Android、IOS…也就只能呵呵了。
衷水木·2017-09-15 10:35

viewport和媒体查询

viewport写移动端页面时需要加的属性一般写为即可width=device-width设置布局视口的宽度为设备屏幕宽度initial-scale=[number]设置初始的缩放比率user-scalable
what__·2017-08-28 11:31

ng中infinite-scroll插件无限请求问题解决方法

在使用angular开发移动端页面的童鞋们，有时要做到上拉加载，虽然jquery有很多插件可以满足这个效果，但是我们要知道使用angualr项目就尽量不要再使用jquery，因此ng的infinite-scroll
LLDD。·2017-08-24 17:10

HTML基础学习笔记

原Blog链接：HTML基础学习笔记html自学html基础笔记Web前端简单介绍web前端包含：pc端页面移动端页面web前端首先要解决用户体验的问题认识网页网页的组成网页主要由文字、图片和按钮等元素构成
任凱·2017-08-21 16:20

JavaScript实现移动端页面按手机屏幕分辨率自动缩放的最强代码

关于移动端页面按手机屏幕分辨率自动缩放的js，先附上代码varphoneWidth=parseInt(window.screen.width);varphoneHeight=parseInt(window.screen.height
蓓蕾心晴·2017-08-18 11:15

HTML5 移动页面自适应手机屏幕四类方法总结

1、使用meta标签：viewportH5移动端页面自适应普遍使用的方法，理论上讲使用这个标签是可以适应所有尺寸的屏幕的，但是各设备对该标签的解释方式及支持程度不同造成了不能兼容所有浏览器或系统。
申文哲·2017-08-17 17:35

jQuery手机实现左右滑动事件

随着手机的不断发展，移动端页面已经逐渐成长起来，但对于移动端的手势事件并不是十分完善，并没有左右滑动事件。不过可以通过已存在的事件实现移动端页面的左右滑动事件。
GJWeigege·2017-08-03 15:01

现代前端技术解析：前端项目与技术实践

移动端页面head要添加viewport控制页面不缩放，有利于提高页面渲染性能。建议在页面加上基本的社交RICH化消息，保证网页地址分享后能够显示缩放图、图标和描述等。
奋飛·2017-08-01 20:30

移动端页面布局：百分比布局、rem布局

移动端页面布局：百分比布局、rem布局1弹性盒布局（百分比布局）例如，拉勾网、天猫首页。好处：充分发挥大手机的优势——显示内容越多；缺点：屏幕过大，间距过大，比例失调。
Hyperyou·2017-08-01 17:51

移动前端一些重置样式模板和标签

一、meta标签相关知识1、移动端页面设置视口宽度等于设备宽度，并禁止缩放。2、移动端页面设置视口宽度等于定宽（如640px），并禁止缩放，常用于微信浏览器页面。
xiaoaiai·2017-07-29 11:44

HTML、CSS、JavaScript基础知识

一、Web前端1、Web前端包括：PC端页面、移动端页面2、Web前端解决的问题：解决用户体验的问题1）优美的界面展示；2）良好的用户交互体验二、认识网页1、网页主要由文字、图片、按钮等元素组成，还可包含音频视频及
Downton97·2017-07-27 11:46

【转】关于APP界面布局设计的八种优缺点

然而万变不离其宗，移动端页面常用的布局，不外乎以下8种。
wagamama666·2017-07-24 11:03

IOS 9 window.innerWidth 取值异常

操作系统：IOS10以下浏览器：safafi，微信内置浏览器，其他异常现象说明：同事在写Web移动端页面时，设置了viewportwidth=device-width，用javascript获取window.innerWidth
buningren·2017-07-21 15:09

移动端开发总结

一、meta标签相关知识1、移动端页面设置视口宽度等于设备宽度，并禁止缩放。2、移动端页面设置视口宽度等于定宽（如640px），并禁止缩放，常用于微信浏览器页面。
丿Jim·2017-07-20 19:10

了解Vux

基于webpack+vue-loader+vux可以快速开发移动端页面，配合vux-loader方便你在WeUI的基础上定制需要的样式。
二狗的小仙女·2017-07-17 21:45

-webkit-tap-highlight-color 与移动端页面模拟按钮hover效果

-webkit-tap-highlight-color是一个不规范的属性（unsupportedWebKitproperty），它没有出现在CSS规范草案中。当用户点击iOS的Safari浏览器中的链接或JavaScript的可点击的元素时，覆盖显示的高亮颜色。该属性可以只设置透明度。如果未设置透明度，iOSSafari使用默认的透明度。当透明度设为0，则会禁用此属性；当透明度设为1，元素在点击时
special_lily·2017-07-14 15:15

移动端UI设计750揭秘

为何大家都选用750作为移动端页面的宽度尺寸?
liguoyin1·2017-07-09 18:07

书写手机移动页面时的一些坑

今天总结一下在写手机移动端页面时的一些注意事项。在写手机移动端页面时，我们有时候会稀里糊涂的遇到一些坑。同时手机页面的一些展示和我们pc端页面的展示是有一些区别的。
webxiaoma·2017-07-03 13:00

bootstrap简要介绍整理

bootstrap使用了一些html5元素和css属性，所以页面的文档类型应为html5....bootstrap3设计目标是移动设备优先，所以是一个开发移动端页面的好的选择，为了让它更好的对移动设备友好
罗兹威尔·2017-06-20 14:44

移动端屏幕适配——上篇

最近遇到了一个比较复杂的移动端页面，就重新学习了一下移动端的屏幕适配。发现水很深！
AmberWu·2017-06-11 22:54

移动端h5页面不同尺寸屏幕适配兼容方法

最近刚开始做移动端页面，遇到了不少bug，说一下解决移动端不同屏幕页面的适应问题。
要做前端的一股清流·2017-06-03 10:59

Qzone高性能HTTPS实践

WeTest导读自从去年QQ空间移动端页面开始切换到HTTPS之后，页面性能遇到了比较大的挑战，HTTPS对页面访问速度带来了比较大的影响，所以我们通过实践总结了一些能够提升HTTPS页面访问速度的方法
腾讯WeTest·2017-05-26 00:00

1145.cn 百度MIP适配实例

网站移动端页面统计MIP改造，能实现页面缓存，从而达到移动网页加速效果。百度官方已经明确表示，应用了MIP的移动网站，将在百度搜索引擎获得更高权重。
茅坑里的小石头·2017-05-09 21:29

1145.cn 百度MIP适配实例

网站移动端页面统计MIP改造，能实现页面缓存，从而达到移动网页加速效果。百度官方已经明确表示，应用了MIP的移动网站，将在百度搜索引擎获得更高权重。
茅坑里的小石头·2017-05-09 21:29

HTML5 移动页面自适应手机屏幕四类方法

1、使用meta标签：viewportH5移动端页面自适应普遍使用的方法，理论上讲使用这个标签是可以适应所有尺寸的屏幕的，但是各设备对该标签的解释方式及支持程度不同造成了不能兼容所有浏览器或系统。
hesi9555·2017-04-14 13:20

单页应用（SPA）前端javascript如何阻止按下返回键页面回退

不过经常会遇到这样一个问题，那就是用户总是习惯于按返回键来返回上一页，移动端页面有弹框的时候，用户期望按下返回键来关闭弹框，这时候却发现返回到了上一页。。。
爱吃兔子的小萝卜·2017-04-11 18:13

如何写移动端页面

律所网校varscale=1/devicePixelRatio;document.querySelector('meta[name="viewport"]').setAttribute('content','initial-scale='+scale+',maximum-scale='+scale+',minimum-scale='+scale+',user-scalable=no');if(do
stupidcc·2017-04-06 11:10

meta设置

移动端页面设置视口宽度等于设备宽度，并禁止缩放。移动端页面设置视口宽度等于定宽（如640px），并禁止缩放，常用于微信浏览器页面。
stylever·2017-03-22 16:51

HTML5 移动页面自适应手机屏幕四类方法

1、使用meta标签：viewportH5移动端页面自适应普遍使用的方法，理论上讲使用这个标签是可以适应所有尺寸的屏幕的，但是各设备对该标签的解释方式及支持程度不同造成了不能兼容所有浏览器或系统。
baidu_36847344·2017-03-21 15:37

HTML5 移动页面自适应手机屏幕四类方法

原文链接：http://www.cnblogs.com/wenzheshen/p/6589459.html1、使用meta标签：viewportH5移动端页面自适应普遍使用的方法，理论上讲使用这个标签是可以适应所有尺寸的屏幕的
bacongti2381·2017-03-20 15:00

踩坑路上——IOS Safari浏览器下固定定位position:fixed带来的问题与解决方案

当我们在开发移动端页面时使用固定定位position:fixed时会发现，在IOS的safari浏览器或原生APP下运行会出现几个问题：1.页面滑动失去惯性，即当我们滑动页面后松开手指，页面会立即停止。
Rayckeez·2017-03-11 14:39

HTML - 移动端 meta viewport

但是很多时候我们只是拿来用了，没有去理解这段代码究竟干了什么，为什么会影响移动端页面的布局效果，它又是怎么起作用的。今天我们就花点时间来彻底搞明白viewport到底是什么。
liuxuan·2017-02-28 00:00

【SDCC讲师专访】专访饿了么高亮亮：移动端页面优化的常见手段

【编者按】APP的火力全开的互联网时代占据着绝对重要的位置，每一家公司都在其中投入了很大的人力和物力，可随着业务量的增长，愈来愈多的APP无比挑战者技术人的技术造诣，与此同时，APP本身面临的挑战也愈发明显：庞大的用户群体、高频高并发的业务、交易即时性等，最为重要的是性能优化也成为首要去解决的难题。据悉，饿了么移动技术部高级iOS工程师高亮亮将在SDCC2017·上海站之互联网应用架构实战峰会带来
钱曙光·2017-02-24 11:28

js实现移动端微信页面禁止字体放大

由于微信自带字体放大功能，因此基于微信的页面都可以通过微信进行字体放大，但是有些情况下这并不是我们想要的，因为很多移动端页面的开发都是使用rem作为单位的，当使用微信进行字体放大是，会导致页面的整体布局乱掉的情况出现
熊翠·2017-02-16 16:26

判断横屏竖屏（三种）

在做移动端页面的时候经常会遇到需要判断横屏还是竖屏。下面将目前已知的通过HTML，CSS，JS三种判断方法记录下来，方便以后翻阅。
mmm(⊙o⊙)·2017-02-13 16:20

Axure8 实现移动端页面上下滑动效果

目前,很多Axure新人都在问如何实现界面上下滑动效果,网上相关的教程也不少,各有各的方法,但是很少有教程对滑动界限设置做出比较详细的说明,其实在工作过程中,个人发现练好Axure是很有意提升逼格的,千万不要说原型中做复杂的交互效果会浪费时间,不是每个队友都能理解你的想象和诠释,沟通成本更可怕...所以,连熟了Axure,在复杂的效果也只是分分钟的事....准备工作:1.将Rectangle(矩形
Amydom·2017-01-13 16:02

js,jQuery实现拖拽自定义移动端板块，web移动端开发

由于项目需求，需要一个能排版移动端页面布局的插件，因此，作为前端的就首当其任了一般情况下写代码，时间充足我都会先写一遍原生JS效果，实例代码如下css:*{margin:0;padding:0;}#target
chenyi0713·2017-01-13 11:41
上一页 16 17 18 19 20 21 22 23 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他