移动端页面

移动端点击态处理的三种实现方式

前言在开发移动端页面的时候，为了提高用户体验，通常会给被触控的元素加上一个效果来对用户的操作进行反馈。这种反馈主要有三种实现方式，有需要的朋友们下面来一起看看吧。
story·2017-01-12 11:25

移动端页面——js控制制作

移动端一般设计图尺寸为720px或者640px，一般来说使用rem（指相对于根元素（即html元素）的字体大小的单位）。可以使用js来控制，方便快速做出移动页面适应大部分手机的移动页面例如设计图为640px时，functiondefaultfont(){variphoneWeight=$(window).width()>640？640：$(window).width();//获取设备宽度，当设备宽
Fern__·2017-01-12 10:53

css如何去掉inline-block之间的空隙

最近做移动端页面时，经常会用到inline-block元素来布局，但无可避免都会遇到一个问题，就是inline-block元素之间的间隙。这些间隙会导致一些布局上的问题，需要把间隙去掉。
Echo20170608·2017-01-06 21:14

[笔记] 为了不让移动端页面分权重你应当如何做？

id=156&page=1#h2_article_title3首先我们要知道移动端页面有三种处理方式：1.没有处理。也就是说和pc端是同一套页面，利用media之类完成了设备适配。
mumuliang·2017-01-03 11:00

移动端开发-响应式布局

响应式布局可以为不同终端的用户提供更加舒适的界面和更好的用户体验，当然响应式布局理论上应该是pc端和移动端都是可以的，不过在实际的操作中因为移动端的开发有时候要针对不同的终端，下面我就针对移动端的开发对移动端页面的响应式开发的步骤和原理做下简单的总结
高建的博客·2016-12-30 00:00

移动端页面使用单位的问题：关于px、百分比、em、rem开发中逐渐转换的问题记录

开始写前端页面也有了快两年时间，从一开始的懵逼到现在的淡定，但是不能改变我还是一只小菜鸟的事实，平时遇到的一些问题都会记录在文件夹里，现在都整理一下大家一起分享自己平时也翻翻看看~不知道大家平时写的时候是用的什么，但是我一般用的是这几个：px，百分比，em，rem一、首先咱先了解下这几个都是啥，有啥区别：px：就是像素，相对于屏幕分辨率而言的，简单来说就是平时我们写静态页面时用px作单位，但是在f
可可西里的骄傲·2016-12-21 16:00

adaptive.js让移动端开发更简单的方案

前言对于手机不离手的当今社会，移动端页面开发已经成了日常便饭，如何让手机页面开发起来更省心是一个前端工程师必不可少的技能。
alwaysVe·2016-12-21 00:00

【收集】前端布局

感谢csdn原文：浅谈前端移动端页面开发（布局篇）感谢：移动前端自适应解决方案和比较使用Flexible实现手淘H5页面的终端适配一.viewport什么是viewport简单来讲，viewport就是浏览器上
whhlu·2016-12-20 00:00

简单粗暴的移动端页面开发技能

移动端响应式页面开发说简单也简单，根据屏幕尺寸调节根字体大小。大宽度用%，高度和小宽度全部使用rem，简单粗暴。之前阅读过大漠老师的使用Flexible实现手淘H5页面的终端适配,介绍了手淘项目的H5制作规范。前端步骤设置根字体大小:html:{font-size:100px}js调节1rem对应的px大小$(document).ready(function(){//putallyourjQuer
Bing·2016-12-09 00:00

一步一步实现字母索引导航栏

不过之前接触移动端页面开发较少，所以是边学边做，也就把这个过程中的一些东西整理记录下来。
luobotang·2016-12-04 00:00

浅谈几种常用的布局方式

目前针对web前端页面的设计主要分为pc端和移动端页面，针对不同的页面我们可能会采取不同的布局格式，在整个布局的选择上，没有一成不变的，也没有任何一种布局能够满足各个方面的需要，在众多的布局方式中，我这边主要针对以下几种布局方式简单的发表一下个人的看法
高建的博客·2016-11-28 16:37

移动设备分辨率笔记

前端小白，最近一直在做相关移动端页面问题；针对移动设备分辨率问题总是有些雾里看花的朦胧，刚才看了一下Markdown基本语法，索性应用一下，做个简单笔记，以备查阅复习；如有错误之处，希望大神路过不惜指正
扭了个妞·2016-11-28 15:33

怎么在pc端浏览器调试移动端页面

在最近的工作中兼任一点测试工作，需要调试移动端页面，在看了好多方法大概主要就是以googlechrome浏览器为主，大概步骤为：1.打开chrome浏览器2.输入网址3.按f12呼出开发者工具4.选择emulation
allofhuan·2016-11-24 20:04

angular移动开发那些事

一开始叫我使用angular开发移动端页面的时候我是拒绝的，且不说性能问题吧，主要是姐不会angular啊。移动端的开发我更倾向于vue。
lynneshow·2016-11-18 00:00

我的第一次移动端页面制作 — 总结与思考

这算是我第一次真正接触移动端页面制作，下面就谈谈个人总结和思考。
思考中·2016-11-13 00:00

我的第一次移动端页面制作 — 总结与思考

这算是我第一次真正接触移动端页面制作，下面就谈谈个人总结和思考。
凹凸实验室·2016-11-08 20:48

前端页面制作流程分享与总结

前端页面制作流程分享与总结摘要：本周主要分享一个移动端页面的制作流程，以及注意事项一、设计图分析1、看到设计图首先分析该前端页面包含几部分，大致怎样布局？
belmgbeid·2016-11-02 14:30

总结移动端页面开发时需要注意的一些问题

本文转载地址：http://www.mamicode.com/info-detail-1187764.html若有侵权，请联系即删1、防止手机中网页放大和缩小，这点是最基本的，最为手机网站开发者来说应该都知道的，就是设置meta中的viewport有些手机网站我们看到如下声明：设置了DTD的方式是XHTML的写法，假如我们页面运用的是html5，可以不用设置DTD,直接声明。使用viewport使
jicai520·2016-09-20 17:03

浅谈一下前端移动端页面开发中的页面布局

阅读更多一.viewport什么是viewport简单来讲，viewport就是浏览器上，用来显示网页的那一部分区域了，也就是说，浏览器的实际宽度，是和我们手机的宽度不一样的，无论你的手机宽度是320px，还是640px，在手机浏览器内部的宽度，始终会是浏览器本身的viewport。如今的浏览器，都会给自己的本身提供一个viewport的默认值，可能是980px，或者是其他值。就以手机来说吧，目前
conceptgut·2016-09-19 15:00

【CSS进阶】试试酷炫的 3D 视角

写这篇文章的缘由是因为看到了这个页面：戳我看看（移动端页面，使用模拟器观看）运用CSS3完成的3D视角，虽然有一些晕3D，但是使人置身于其中的交互体验感觉非常棒，运用在移动端制作一些H5页面可谓十分博人眼球
ChokCoco·2016-09-06 20:00

移动端H5页面编辑器开发实战--原理结构篇

一、前言在去年10月份左右，接到了需求：开发一个H5移动端页面编辑器的任务，目的主要是解放公司内在制作这类网页的所投入的人力以及解决使用外部H5编辑器所涉及到的版权问题。
魅族技术·2016-08-23 10:22

移动站应该尝试百度MIP的五个原因

MIP能帮助站长和网站开发者快速搭建移动端页面。MIP怎么加速？MIP从前端渲染和页面网络传输两方面进行优化，杜绝页面渲染中的阻塞问题，提升页面展现速度。移动站应该用MIP吗？
MIP官方博客·2016-08-21 20:00

04八种常见的UI布局方式

然而万变不离其宗，移动端页面常用的布局，不外乎以下8种。
i张迷·2016-08-18 11:07

html 三列布局（两列固定宽度，一列自适应）

摘要：最近在做移动端页面布局，偶有心得，记录于此。
mika85489·2016-08-17 21:45

移动端布局解决方案+神器

最后做了几天的移动端页面,我总结出了最终的解决办法,于是我把所涉及的js和flex布局整理了一下，让你做
极客教程·2016-08-05 08:40

由移动端页面点击穿透想到的

原文链接http://ymblog.net/2016/03/28/由移动端页面点击穿透想到的/首先我想到了哪些：点击穿透是如何引起的如何解决什么是事件模拟一、点击穿透是如何引起的？
Jmingzi·2016-07-24 16:00

Emmet自定义Html模版

就可以出来个基本的html格式，Document但是有些地方还是需要我们手动修改的，比如lang，如果你做移动端页面，可能还需要viewport，这时候我们就要去定制一些个性化的模版。
BingqiChen·2016-07-11 00:00

fastclick.js源码解读分析

fastclick诞生背景与使用在解读源码前，还是简单介绍下fastclick：诞生背景我们都知道，在移动端页面开发上，会出现一个问题，click事件会有300ms的延迟，这让用户感觉很不爽，感觉像是网页卡顿了一样
diver_迪峰·2016-07-10 11:00

Vuejs的一些总结

summarize-vue/本文基于vue1.x基于vue2.x&webpack2.x请移步至Vue2.x踩坑与总结Webpack2.x踩坑与总结最近一段时间忙着工作的一些事情，同时自己也在试着把项目中的一些移动端页面试着用
枫s的思念·2016-06-29 00:00

SCSS移动端页面遮罩层效果的实现及常见问题解决

实例可以兼容安卓4.0.4+：设计结构如下：XML/HTMLCode复制内容到剪贴板...这个overlay遮罩层的问题，现在这里说明下为什么这么设计。一般来说看到的overlay都与modal是兄弟元素，而不是嵌套关系。本来我也是这么设计的，这就是习惯。后来由于modal居中的问题，重新审视了下这个问题：为什么遮罩层的overlay与弹窗内容是兄弟元素？说实话真想不出什么理由，非得搞成兄弟元素。
结一·2016-06-09 10:31

CSS 修改 IOS 默认按钮样式

不知道大家在做移动端页面的时候有没遇到过在IOS端一些按钮显示和安卓的截然不同，今天下午又有一个小伙在群里问这个问题。我记得之前我也遇到过，今天给大家分享一下怎么使用 CSS修改IOS的默认样式。
VIP_web·2016-05-31 17:29

CSS 修改 IOS 默认按钮样式

不知道大家在做移动端页面的时候有没遇到过在IOS端一些按钮显示和安卓的截然不同，今天下午又有一个小伙在群里问这个问题。我记得之前我也遇到过，今天给大家分享一下怎么使用CSS修改IOS的默认样式。
VIP_web·2016-05-31 17:29

滑动到底部无限加载的实现

对于移动端页面，我们一般会用每次滚动到接近页面底部时，加载更多（下一页）数据的方式。本文就来介绍下滑动到底部无限加载的实现。实现滑动到底部无限加载，我们要做的是:监听显示数据内容的元素的滚动事件。
九彩拼盘·2016-05-19 22:16

mobile h5 rem.js 使用

githup下载地址：https://github.com/comjustforfun/remformobileadaptivejs利用rem解决移动端页面开发的自适应问题页面模板初始化的时候不用设置viewport
java_goodstudy·2016-05-13 18:00

web移动端页面适配

PPK的关于三个viewport的理论摘自:http://www.cnblogs.com/2050/p/3877280.html作者:无双ppk大神对于移动设备上的viewport有着非常多的研究（第一篇，第二篇，第三篇），有兴趣的同学可以去看一下，本文中有很多数据和观点也是出自那里。ppk认为，移动设备上有三个viewport。 首先，移动设备上的浏览器认为自己必须能让所有的网站都正常显示，即
babybk·2016-05-08 16:00

移动web页面支持弹性滚动的3个方案

有段时间一直折腾移动端页面弹性滚动的各种问题，做了点研究，今天做个小分享~传统pc端中，子容器高度超出父容器高度，通常使用overflow:auto可出现滚动条拖动显示溢出的内容，而移动web开发中，由于浏览器厂商的系统不同
王胜飞·2016-05-07 14:49

移动web页面支持弹性滚动的3个方案

有段时间一直折腾移动端页面弹性滚动的各种问题，做了点研究，今天做个小分享~传统pc端中，子容器高度超出父容器高度，通常使用overflow:auto可出现滚动条拖动显示溢出的内容，而移动web开发中，由于浏览器厂商的系统不同
Esther_Heesch·2016-05-07 14:00

互联网页面制作，产品页面制作流程及价值参考标准

智能手机的普及，也让H5和移动端页面辉煌了一把。那么，如何使用H5或者移动端页面提高公司的业务增长呢？一、H5或者移动
三龙鑫·2016-05-07 02:44

随手写的一张移动端页面

活动详情 input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none!important;margin:0;}html{font-size:22.5px;}@mediaonlyscreenand(min-width:320px){html{font-size:20
lanbinghan2016·2016-04-26 15:00

以淘宝前端为例剖析HTML5与移动端页面的性能优化

首先，我们这里优化对象为移动站点。移动开发具备了pc开发所有的特点，并且可以使用一些pc端无法使用的一些手段（主要还是为了兼容ie8及以下浏览器啦），pc端的优化手段都可以在移动端使用。但是移动有些地方就不如pc端了(网络慢，不稳定)，尤其2G网络，每秒按10kb来算，下载一个资源要耗很多时间。HTML5页面优化点主要有以下几点：1.redirect：重定向耗时2.APPcache：读取缓存耗时3
月纷悦·2016-04-26 10:11

移动前端系列——移动页面性能优化.

移动页面布局越来越复杂，效果越来越炫，直接导致了文件越来越大，下载和运行速度越来越低，而速度低会造成不良影响，据统计：71%的用户期望移动页面跟pc页面一样快，74%的用户能容忍的响应时间为5秒，所以我们必须保证移动端页面有足够的速度
老夫的天·2016-04-18 15:03

移动端页面开发资源总结

作者：HcySunYang原文地址：移动端页面开发资源总结工作了有一段时间，基本上都在搞移动端的前端开发，工作的过程中遇到过很多问题，bug的解决方案，记录下来，以便后用！！！
IT程序狮·2016-03-19 19:50

web前端开发-移动端页面开发资源总结

                                                                           web前端开发-移动端页面开发资源总结工作了有一段时间
2846613430·2016-03-15 10:00

web前端开发-移动端页面开发资源总结

                                                                           web前端开发-移动端页面开发资源总结工作了有一段时间
2846613430·2016-03-15 10:00

javascript小实例，移动端页面中的拖拽

上文说到，想将移动端的拖拽说一说，那现在趁有时间，就将这个福利文带来了，哈哈！在我还不知道怎么做移动端的手势操作的时候，我觉得这TM实在是太难了，这是多么高深的学问啊，手势操作耶，上滑下滑左滑右滑的，手机怎么知道我是怎么滑的，我要怎么告诉手机，我用手滑了一下，于是我就默默的找资料看看，到底是什么样的原理可以实现这一点，于是，我找到了移动端手势操作原生事件：touchstart:   //手指放到屏
凌云之翼·2016-03-15 10:00

阿里腾讯前端一面小结

3、        项目一三中的难点（后台管理系统）插件的使用及扩展、动态url（pushstate、historyJS、hash）、用hash实现的原理4、        项目二中的难点（移动端页面自适应
songjum·2016-03-13 15:00

从四个方面帮你做好移动页面性能优化

移动页面布局越来越复杂，效果越来越炫，直接导致了文件越来越大，下载和运行速度越来越低，而速度低会造成不良影响，据统计：71%的用户期望移动页面跟PC页面一样快，74%的用户能容忍的响应时间为5秒，所以我们必须保证移动端页面有足够的速度
前端路漫·2016-03-12 16:00

移动前端调试方案（Android + Chrome 实现远程调试）

转载自： http://www.cnblogs.com/leinov/p/4094138.html一：背景通常情况我们调试移动端页面最常用的方法就是：切换pc端浏览器的userAgent来模拟手机或其他移动设备调试页面
weizaishouex2010·2016-03-08 15:00

3.3号随笔

max-width,margin:0auto，保证移动端页面被拉宽时，可以保证页面始终居中显示width属性控制设备的宽度。假设您的网站将被带有不同屏幕分辨率的设备浏览，那么将它设置为device-
miaomiao8899·2016-03-03 22:00

CSS 去掉inline-block间隙的几种方法

最近做移动端页面时，经常会用到inline-block元素来布局，但无可避免都会遇到一个问题，就是inline-block元素之间的间隙。这些间隙会导致一些布局上的问题，需要把间隙去掉。
前时浪麦·2016-03-02 17:00
上一页 17 18 19 20 21 22 23 24 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他