移动端适配

一个Node.js+mongoDB+Vue.js的博客内容管理器

嗯，我想完成的功能：一个基本的博客内容管理器功能，如后台登陆，发布并管理文章等支持markdown语法实时编辑支持代码高亮管理博客页面的链接博客页面对移动端适配优化账户管理(修改密码)Demo登陆后台按钮在页面最下方
ciqulover·2016-09-04 00:55

H5移动端适配

本文转载-----------移动端H5页面之iphone6的适配（Hugoweb前端开发）iphone6及iphone6plus已经出来一段时间了。很多移动端网站，以前写死body为320px的，现在估计也忙着做适配了。大屏幕手机其实一直有，只是以前大家没怎么重视，移动端的H5页面大部分都以320px为基准宽度进行布局，那些大屏屌丝android用户也懒得去理，而现在iphone也搞起多屏幕，老
迷途小学生·2016-08-17 15:39

移动端H5页面rem缩放方案flexible.js兼容375px方案的思路

参考：移动端高清、多屏适配方案viewport-and-flexible.jsflexible.jsgithub一个新的项目复用了一些老页面，老页面是使用375px方案进行移动端适配的，meta[viewport
lv_DaDa·2016-07-17 00:00

移动端开发适配总结

移动端开发适配2种方案总结针对移动端适配的方案~一：第一种方案是：所有的单位使用rem来适配；首先在页面上设置html的font-size的大小；如下我项目中的设置：html{font-size:100px
空智·2016-07-11 01:17

移动端开发适配总结

移动端开发适配2种方案总结针对移动端适配的方案~一：第一种方案是：所有的单位使用rem来适配；首先在页面上设置html的font-size的大小；如下我项目中的设置：html{font-size:100px
龙恩0707·2016-06-07 23:00

移动端适配- dpr浅析

在上一片文章里，关于如何使用rem进行布局，我作了一个大概的描述。今天这篇文字，主要说一个东西－dpr。我们都知道，移动端开发，运行的平台主要是ios和android,做适配的时候，也会对不同的屏幕做一些特别的处理。首先，先看一下这两家的屏幕吧。设备概况眼花缭乱是不是，不要紧，我们只看我们需要的信息。废话不多说，直接上结论：IOS的移动设备：iPhone4,4s,5,5s,6,6+,6s,6s+都
Scaukk·2016-03-29 16:49

移动端适配简易步骤

手机端全部适配简易步骤，不确保没有bug。1、HTML的head部分中加入如下代码：其中 width：viewport的宽度，可以指定为一个像素值，如：640，或者为特殊的值，如：device-width （设备的宽度）。   initial-scale：初始缩放比例，即当浏览器第一次加载页面时的缩放比例。值为1.0即原始尺寸。maximum-scale：允许浏览者缩放到的最大比例，一般设为1.0
cometwo·2016-03-23 23:00

移动端适配简易步骤

手机端全部适配简易步骤，不确保没有bug。1、HTML的head部分中加入如下代码：其中 width：viewport的宽度，可以指定为一个像素值，如：640，或者为特殊的值，如：device-width （设备的宽度）。   initial-scale：初始缩放比例，即当浏览器第一次加载页面时的缩放比例。值为1.0即原始尺寸。maximum-scale：允许浏览者缩放到的最大比例，一般设为1.0
李佳怡·2016-03-23 23:00

移动端适配问题

谈谈移动端适配问题写过一些移动端的页面，但是总感觉写的不是很顺畅。
南赐·2016-03-20 00:11

【移动适配】移动Web怎么做屏幕适配（一）

对于Web开发的求职者而言，也是一个必需要理解清楚的经典问题文|啃先生Mar,1st,2016壹|Fisrt移动端适配的是什么？我们讨论的是网页适配多种尺寸屏幕，让网页效果看起来和设计师的设计稿一样。
啃先生·2016-03-02 00:00

只需做好这10点移动网站排名迅速上升

现在的移动搜索引擎优化不仅仅只是给移动站排名，更重要的是还与PC网站排名有很密切的关系，当一个网站的PC端和移动端适配合理的话，至少可以给PC网站排名加10分，所以还没有做好移动搜索引擎优化的朋友，非常值得看一看此文
佚名·2016-02-18 16:40

移动网站该如何优化？ 移动网页搜索引擎优化的十个细节

当一个网站的PC端和移动端适配合理的话，至少可以给PC网站排名加10分，所以还没有做好移动搜索引擎优化的朋友，非常值得看一看此文。
佚名·2016-01-27 15:35

移动端适配：font-size设置的思考

1.问题的引出如果html5要适应各种分辨率的移动设备，可以使用rem这样的尺寸单位，针对各个分辨率范围在html上设置font-size的代码：html{font-size:10px} @mediascreenand(min-width:321px)and(max-width:375px){html{font-size:11px}} @mediascreenand(min-width:376
axl234·2016-01-25 11:00

移动端适配方案(下)

上一篇介绍了像素和视口这些基本概念，现在接着移动端的适配方案。推荐一篇文章：MobileWeb适配总结，里面说到的三种布局方法已经说的很详细，还分别做了demo，我就不做了，这里说说三种方案的原理以及我使用中的感受，希望各为互补，大家理解是最重要的。之前做过PC页面的人聊的最多的就是『兼容』，这是因为浏览器之间的差异引起的，不再多说。而移动端是基本没有『兼容』的问题的，全是CSS3，简直不要太开心
一波不是一波·2016-01-24 00:00

移动端适配方案(上)

要搞懂移动端的适配问题，就要先搞明白像素和视口。像素在移动端给一个元素设置width:200px时发生了什么？这里的px到底是多长呢？像素是网页布局的基础，但是我们一直在用直觉使用它。其实存在两种像素：1.设备像素屏幕的物理像素，任何设备屏幕的物理像素的数量都是固定不变的。2.CSS像素在CSS、JS中使用的一个抽象的概念，单位是px。顺便说下，CSS像素也可以称为设备独立像素(device-in
一波不是一波·2016-01-20 00:00

移动端适配

头部添加meta标签 1  配合JS(function(doc,win){ vardocEl=doc.documentElement, resizeEvt='orientationchange'inwindow?'orientationchange':'resize', recalc=function(){ varclientWidth=docEl.clientWidth; if(!cl
Xpress·2016-01-08 09:00

积跬步，聚小流------关闭iphone浏览器自动识别数字为电话号码

最近在做移动端适配的时候发现一个很奇怪的问题。
marSmile_tbo·2015-12-15 15:00

Web App资源

布局方法： 1、rem和百分比流体布局的对比，以及为何要选用rem来做移动端适配布局：http://isux.tencent.com/web-app-rem.html（rem布局存在的bug和解决办法
·2015-11-12 12:57

手机平板等移动端适配跳转URL的js代码

<script type="text/javascript"> if(/AppleWebKit.*mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nok
·2015-11-12 12:12

移动端适配不同设备(缩放效果)

//非360基线显示适配 if(/Android(\d+\.\d+)/.test(navigator.userAgent)){ varversion=parseFloat(RegExp.$1); if(version>2.3){ varphoneScale=parseInt(window.screen.width)/360; document.write(''); } else{ document
bingkingboy·2015-11-03 11:00

更新日志 - BugHD iOS 客户端上线

如何上传iOS符号表，请点击这里iOS版AppStore地址Android版下载地址2.BugHD网站移动端适配我们对BugHD网站进行了移动端适
风起云飞fir_im·2015-10-09 16:00

更新日志 - BugHD iOS 客户端上线

如何上传iOS符号表，请点击这里iOS版AppStore地址Android版下载地址2.BugHD网站移动端适配我们对BugHD网站进行了移动端适
风起云飞FIRim·2015-10-09 15:27

更新日志 - BugHD iOS 客户端上线

如何上传iOS符号表，请点击这里iOS版AppStore地址Android版下载地址2.BugHD网站移动端适配我们对BugHD网站进行了移动端适
FIRim·2015-10-09 15:00

收藏链接

移动端适配：http://suqing.iteye.com/blog/1982733http://www.douban.com/note/261319445/      http://www.woshipm.com
wjx19931104·2015-09-18 11:54

收藏链接

移动端适配：http://suqing.iteye.com/blog/1982733http://www.douban.com/note/261319445/      http://www.woshipm.com
wjx19931104·2015-09-18 11:54

移动端适配基础(rem,vw,vh

前言主要介绍几个移动端常用的单位rem、vw、vh，配合传统的px、百分比、标签，兼容适配移动端的各种分辨率的手机端。单位简介rem：顾名思义，rootemphasize，根元素的font-size，vw屏幕宽度相关，1vw是屏幕宽度的1%vh屏幕高度相关，1vh是屏幕高度的1%其它：vmin，vmax分别表示两者中较小和较大的部分。适配以下假定已经存在一个使用px单位，且完全适配320xp宽度手
zhouyg·2015-08-16 00:00

移动端适配

总结下自己用过的几种移动端适配方法百分比适配宽度高度按照所占百分比计算写css缺点:复杂些的布局就满足不了不能百分百还原设计图Rem布局js动态计算htmlfont-size值宽度高度按照320px的设计图切图
ty1932·2015-07-31 21:14

移动端适配

总结下自己用过的几种移动端适配方法百分比适配宽度高度按照所占百分比计算写css缺点:复杂些的布局就满足不了不能百分百还原设计图Rem布局js动态计算htmlfont-size值宽度高度按照320px的设计图切图
ty1932·2015-07-31 21:56

【原】pageResponse - 让H5适配移动设备全家(移动端适配)

上一篇文章《为什么选择iPhone5的分辨率作为H5视觉稿尺寸》最后留下了问题：是否需要视觉设计师设计多套的视觉稿供给前端工程师做页面适配呢？按照自己以前的方法，通常会要求设计师设计2套的尺寸，一套是窄屏手机(如iPhone4)，另一套是宽屏手机(如iPhone5)，这样的好处不仅减少重构页面的适配成本外，也在页面展现上提升页面的用户体验。然而不管是设计2套还是3套以上的视觉稿来辅助前端来完成页面
白树·2015-06-19 14:00

GitCafe 现已支持移动端适配

临近春节，GitCafe给各位程序员带来了一份礼物，从此大家可以方便地在移动端浏览GitCafe的网站了，妈妈再也不用担心我不能及时地看见小伙伴的项目与最新动态了～下面让我们来看看GitCafe目前已经适配了手机端的页面吧1首页2注册登录页面3个人主页4探索，可以浏览推荐和最近的项目5项目主页，可以浏览项目的基本信息和Readme的内容。我们会陆续完善手机适配页面，以满足我们可爱的用户日益增长的移
GitCafe·2015-02-17 00:00

手机平板等移动端适配跳转URL的js代码

复制代码代码如下:if(/AppleWebKit.*mobile/i.test(navigator.userAgent)||(/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(naviga
·2014-01-25 16:02
上一页 17 18 19 20 21 22 23 24 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他