移动端适配

小程序-动画，距离移动端适配方法

小程序动画，距离移动端适配方法问题：由于小程序动画如下：that.animation.translateY(-640).step()距离没有单位，据实测是手机的分辨率，物理像素乘以dpr,导致在不同手机上移动距离不相同解
沐雨091·2018-04-09 17:31

2018-04-05 期中考试

1.写一个html文件我的页面//页面标题//引入一个css//css仅在打印时生效//css仅在屏幕小于500px时生效//指定文件用GBK编码2.移动端适配在html的head里加上meta（背下来
彭奕泽·2018-04-07 13:29

关于移动端开发的一些笔记

关于一些基本概念如设备像素，css像素，参考移动端适配方案(上)CSS像素、物理像素、逻辑像素、设备像素比、PPI、Viewport像素上图的pt和px互换才正确，reader@2x指设备像素比meta
黄志强·2018-04-01 00:00

关于rem移动端适配

关于rem适配文章目录关于rem适配测试了以下方式方式一：使用JS计算两种（方便）AB方式二：使用flexible.jsDemo图方式三：设置根字号+媒体查询初始化使用适配对于我，比较头痛，发现自己在项目中用的那套方式，不方便计算且有点不精准。(也许没有正确使用)，大神朋友推荐了其它方式，一起来测试吧。。。测试了以下方式方式一：使用JS计算（个人使用最多）方式二：使用flexible.js方式三：
Smile_ping·2018-04-01 00:00

移动端适配怎么做

原文链接：https://www.cnblogs.com/MaggieGao/p/6994868.html1、自适应屏幕宽度之viewport，在html中添加meta标签，让网页宽度默认等于屏幕宽度。扩展viewport属性：（1）width设置viewport的宽度，可以是数字，或者使用字符串“device-width”；（2）initial-scale页面初始的缩放，首次load的时候缩放比
qq_22244233·2018-03-19 21:49

如何在Vue项目中使用vw实现移动端适配(转)

有关于移动端的适配布局一直以来都是众说纷纭，对应的解决方案也是有很多种。在《使用Flexible实现手淘H5页面的终端适配》提出了Flexible的布局方案，随着viewport单位越来越受到众多浏览器的支持，因此在《再聊移动端页面的适配》一文中提出了vw来做移动端的适配问题。到目前为止不管是哪一种方案，都还存在一定的缺陷。言外之意，还没有哪一个方案是完美的。事实上真的不完美？其实不然。最近为了新
BULL_DEBUG·2018-03-16 09:49

浅谈移动端适配-rem

对于移动端开发来说，无可避免的就是直面各种设备不同分辨率和不同DPR（设备像素比）的问题，在此忽略其他兼容性问题的探讨。一.移动端开发有关于像素的概念：1.设备像素(dp)，也叫物理像素(px)。指设备能控制显示的最小物理单位，意指显示器上一个个的点。从屏幕在工厂生产出的那天起，它上面设备像素点就固定不变了。2.分辨率，屏幕上物理像素的数量。3.设备独立像素(dip)，又称密度无关像素。可以认为是
沐晓cc·2018-03-13 21:29

JS中touchstart事件与click事件冲突的解决方法

一・业务场景的描述在对已完成的PC站点进行移动端适配时，我们想要站点在移动设备上有更快的响应速度，以带给用户更好的体验，此
<_/>·2018-03-12 08:04

如何解决 touchstart 事件与 click 事件的冲突

一·业务场景的描述在对已完成的PC站点进行移动端适配时，我们想要站点在移动设备上有更快的响应速度，以带给用户更好的体验，此时，我们应该使用移动设备专用的事件系统，例如，使用touchstart事件代替click
libinfs·2018-02-26 00:00

前端移动端适配总结

（点击上方公众号，可快速关注）作者：Devinnnhttps://segmentfault.com/a/1190000011586301meta标签到底做了什么事情做过移动端适配的小伙伴一定有遇到过这行代码
前端大全·2018-02-23 00:00

一个基于Vue.js+Mongodb+Node.js的博客内容管理系统

一、功能特点一个基本的博客内容管理器功能，如发布并管理文章等每个用户可以通过注册拥有自己的博客支持markdown语法编辑支持代码高亮可以管理博客页面的链接博客页面对移动端适配优化账户管理(修改密码)页面足够
tywei90·2018-02-19 00:00

移动端适配

最先开始做移动端适配的时候，是这样写的：先在html头部添加meta标签:viewportviewport是用户网页的可视区域。翻译为中文可以叫做"视口"。
小姑凉喜欢无脸男·2018-02-02 11:37

总结篇（一） -- 基础知识

移动端适配使用标签这个标签主要作用是网页宽度默认等于屏幕宽度，用户不可以缩放，缩放比例1。
bowen_wu·2018-01-30 00:09

移动端适配

宽htmlfontSizecssbox设计稿640100px1rem1*100px设备132050px1rem1*50px设备2375375*100/640px1rem1*375*100/640设备3414414*100/640px1rem//在PC端加在window.onresize事件中,因为PC端可以改变浏览器大小,只要浏览器窗口发生改变就可以重新计算window.οnresize=func
胖妮儿·2018-01-29 21:58

Nuxt.js踩坑总结分享

本项目主要为移动端项目，引入flexible.js实现移动端适配问题。
yingye·2018-01-18 10:18

前端开发所踩过的坑

背景:在  标签中，以inline的形式引入 flexible.js 文件移动端项目可以引入 flexible.js 来实现移动端适配Nuxt.js通过 v
程序员小灰·2018-01-13 00:00

移动端适配问题收集

重置样式相关移动端浏览器（部分iphone）横竖屏切换时，字体大小变化检索或设置移动端页面中对象文本的大小调整。该属性只在移动设备上生效；如果你的页面没有定义metaviewport，此属性定义将无效；之前有人提到过使用该属性取消浏览器最小字体限制，已经无效了-webkit-text-size-adjust:100%|none;只对chrome27.0版本以下有效，27.0以上版本无效；只对英文才
饭饭之辈D·2018-01-08 09:34

lib-flexible移动端适配方案

lib-flexible适配案例div{width:1rem;height:0.4rem;font-size:12px;/*默认写上dpr为1的fontSize*/}[data-dpr="2"]div{font-size:24px;}[data-dpr="3"]div{font-size:36px;}.box{width:1rem;height:1.333333333rem}
Museions·2017-12-31 23:07

移动端适配之rem

现在的移动设备种类繁多，导致需要针对不同的尺寸进行适配。可以使用媒体查询的方式，但是媒体查询的方式因为有跨度,与dpr的不同所以会有误差。html{font-size:10px}@mediascreenand(min-width:321px)and(max-width:375px){html{font-size:11px}}@mediascreenand(min-width:376px)and(m
ITtian·2017-12-28 20:07

移动端布局与适配

对于移动端适配，不同的公司、不同的团队有不同的解决方案。我们项目中也用了一部分解决方案，网
掘金·2017-12-26 00:00

移动web商场项目复习

关于移动端适配移动端适配方案(上)移动端适配方案(下)参考rem布局关于移动端rem布局的总结
Gopal·2017-12-11 01:25

01-移动端开发教程-CSS3新特性（上）

这边课程内容包括：CSS3新特性新选择器边框、背景升级、圆角、阴影新的盒模型渐变、动画、2D3D转换伸缩布局、多列布局新单位在线字体图标前缀应用、浏览器兼容、渐进增强媒体查询移动端适配开发方案响应式布局开发方案移动端
IT老马·2017-12-10 14:48

蚂蚁金服Web前端电话面试-20170627

区别0==false3.前端性能安全4.前端性能优化5.实现继承的方式6.什么是BFC什么会触发BFC7.三栏自适应8.transitionanimationtransform区别9.前端缓存知识10.移动端适配方式
RookieDay·2017-12-08 06:46

移动端适配方法合集

原文链接http://azq.space/blog/bigcan-lesson-1/首先我先说两个概念，第一，响应式：一个页面在不同尺寸的浏览器中不同的表现；第二，自适应：一个页面在任何尺寸浏览器下表现一致.这里只说自适应。1.简单粗暴型zoom方式：var_SCALE_=1;_SCALE_=function(){vardeviceWidth=document.documentElement.cl
清哥来liao·2017-12-04 15:46

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

本文转载于啃先生，首发于微信公众号（啃先生）http://www.cnblogs.com/giveiris/p/5233585.html壹|Fisrt移动端适配的是什么？
天明_·2017-12-04 04:38

WebApp规范

WebApp规范设计尺寸：640*1039内容区域安全尺寸：640*832在iphone6上会被等比例放大1.17倍，画面会有一点点虚，但为了平衡文件大小和移动端适配问题，目前做的App都采用这个尺寸
呦呦烈鸟·2017-12-03 03:58

vue做移动端适配，借助px2rem 插件方便的将px单位转为了rem

vue做移动端适配，借助px2rem插件方便的将px单位转为了rem。
程序员小布的养生之道·2017-11-25 11:12

html5实现移动端适配完美写法

在pc版网页(http://pc_url)上，添加：在移动版网页(http://mobile_url)上，所需的注释应为:之前的Meta标记（mobileagent）会继续沿用，但我们推荐使用HTMAL5语言制作的移动页面使用最新方案进行跳转适配，其它如xml语言的移动页跳转适配，需要继续使用之前的meta标记方式:html5新增的移动适配写法如上,这个主要是为了百度等搜索引擎抓取到网站的移动端网
佚名·2017-11-16 15:39

移动端适配方案

适配：顾名思义，在不同尺寸的手机设备上，页面相对性的达到合理的展示（自适应）或者“保持统一效果的等比缩放”适配应关注的要素是那些？关注点：字体，高宽间距，图像（图标，图片）对应图像，一般比较通用方便的方式是：利用css将图像限定在元素内（img图片用max-width:100%,背景图片使用background-size），布局只针对元素进行。第一种方案：固定高度，宽度自适应这是一种比较通用的方法
Imflyer·2017-10-09 11:52

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

对于移动端适配，不同的公司、不同的团队有不同的解决方案。我在项目中也用了一部分解决方案，也看到了一些解决方案，对比下，总结一些自己的理解，希望对各位有帮助，找到最适合你们项目的适配方案。
keenjaan·2017-09-26 08:04

移动端适配方案

移动端适配方案第一种：font-size+rem(最优解决方案)html标签的font-size设置为40px通过js计算屏幕与设计稿的占比，例子设计稿是720px//定义rem单位大小，放在页面加载之前解决闪屏问题
f-z-k·2017-09-11 16:15

PostCSS自学笔记（二）【番外篇一】

利用PostCSS解决移动端REM适配问题上一期有提到结合postcss-px2rem插件来处理移动端适配的方案，以及相关的避坑方法，之后总觉得这个解决方案问题太多，也就诞生了另一套方案运用postcss-pxtorem
whidy·2017-08-31 00:00

js 移动端适配 （动态rem）

(function(doc,win){ vardocEl=doc.documentElement, resizeEvt='orientationchange'inwindow?'orientationchange':'resize', recalc=function(){ varclientWidth=docEl.clientWidth; if(!clientWidth)return; if(cl
约德尔蒙·2017-08-22 00:00

移动端适配、移动端事件，理想视口

禁止滚动条取消滚动条的默认样式：html{height:100%;overflow:hidden;}body{height:100%;overflow:hidden;}并在js中写入：document.addEventListener('touchstart',function(event){event.preventDefault();})移动端事件changedTouches触发当前事件手指的
Amingluo·2017-08-03 10:36

移动端适配

移动端适配(手淘)在html页面中引入以下flexible.js!
yangxiaoming·2017-07-06 19:18

屏幕大小适配，rem与em的区别适用

1、小于某个宽度时固定@mediascreenand(max-width:1372px){body{min-width:1344px;}}2、移动端适配@mediascreenand(min-width
高振05·2017-07-06 09:44

移动端适配以及百分比布局与rem比较

doudou.gif点击如下链接即可收听音频哦,旧号itclan已暂停使用,可移步新号itclanCoder移动端适配以及百分比布局与rem比较前言对于熟悉pc端的小伙伴来说,对于静态页面的布局,一般都是没有什么问题的
itclanCoder·2017-06-26 20:07

开源TMS团队协作web系统

TMS(TeamworkManagementSystem)TMS是一款开源的团队协作（沟通、博文、国际化翻译）Web系统（响应式界面设计、移动端适配）。
xiweicheng1987·2017-05-15 15:52

rem,移动端适配心得2【转载】

而且现在做移动端适配的方法也有好多种，针对不同的网站我们需要合理的判断，选择全适的方法；第一种方法：整个页面宽高用px写死，让宽度自适应这是最蠢的一个办法，但是实际上我们用得也挺多，它适用于一些页面结构比较复杂的网站
Lpandeng·2017-05-08 15:00

移动端适配详解

接触移动端网页已经有一段时间了，一直希望找个机会好好地总结以下，但一直比较懒，所以才拖到了今天。推荐网站：www.aol.com响应式做的很好。之前我写过一篇关于移动端布局的文章，这里。这篇文章中介绍了大部分的基本知识点，有需要的可以参考。我们知道常用的布局方案有：1.百分比布局，高度固定第一种布局方式在移动端是不可采取的，尤其是Retina屏的出现。有人说我高度不固定而是采用高度由内容撑起来，这
张立达·2017-05-03 16:23

移动端适配方案

前言在移动端web开发上，不免会遇到各种移动设备的适配问题。在不断踩坑的路上，总结出了两套毕竟适合的适配移动端布局的方案。方案一：媒体查询+viewport描述：CSS3的媒体查询方案很大层度上已经帮我们完成了适配各种屏幕分辨率的问题。1@charset"utf-8";2html,body{3width:100%;4height:100%;5}6@mediascreenand(min-width:
PC.aaron·2017-04-27 10:00

移动端适配

对于移动端开发而言，为了做到页面高清的效果，视觉稿的规范往往会遵循以下两点：1）选取一款手机的屏幕宽高作为基准(比如iphone6的375×667)。2）对于高清屏幕，为了达到高清效果，视觉稿的画布大小会是基准的2倍（对iphone6而言：原先的375×667，就会变成750×1334）。问题1：对于dpr=2的手机，为什么画布大小×2，就可以解决高清问题？首先，我们要先了解一下dpr是什么？设备
beidan·2017-01-11 17:00

第六天 移动端Web开发注意事项

一、移动端适配1、H5页面窗口需要自动调整到设备宽度，并禁止用户缩放页面一般情况下，在所有无线页面的头部，都要加上此viewport的设置，如果不加上此数值，会造
Jaywii·2016-11-24 00:00

我的移动端适配方案

需要移动端适配的根本原因：屏幕窗口的大小，devicepixelratio值等。
2ue·2016-11-23 11:54

Android 开发 使用WebUploader解决安卓微信浏览器上传图片中遇到的bug

这里给出一个WebUploader官方关于移动端适配的issues
whhlu·2016-11-15 13:02

移动端适配——rem方案

移动端适配——rem方案 rem适配方案 /*通过JS动态设置viewport,将视口等比放大到设备独立像素大小，使css中的1px代表设备独立像素中的1pxwindow.devicePixelRatio
信封中的阳光·2016-11-15 00:00

H5移动端适配 Flexible方案

一、移动端一些概念视觉稿（选取一款手机的屏幕宽高作为基准）在前端开发之前，视觉MM会给我们一个psd文件，称之为视觉稿。对于移动端开发而言，为了做到页面高清的效果，视觉稿的规范往往会遵循以下两点：1）首先，选取一款手机的屏幕宽高作为基准(以前是iPhone4的320×480，现在更多的是iphone6的375×667)。2）对于retina屏幕(如:dpr=2)，为了达到高清效果，视觉稿的画布大小
夜雨羽翼·2016-10-24 09:06

一场面试过后—移动前端开发

首先分享下面试官的博客，这是关于移动端适配方法合集的文章：http://azq.space/2016/08/14/bigcan-lesson-1/#more这不是他告诉我的哦，因为他说的东西对我来说有点陌生
凉川望远·2016-10-21 17:23

再谈移动端适配和点5像素的由来

前言这篇文章的内容如题目一样，主要分为两个部分，谈谈业内主流的移动端适配解决方案点5像素的由来和实现方法建议在读这篇文章的时候先读下这篇文章《高清屏概念解析与检测设备像素比的方法_20161005》，因为这些文章涉及的很多概念在这篇文章中都会提到
zhiqiang21·2016-10-06 00:00

Vue.js实践：一个Node.js+mongoDB+Vue.js的博客内容管理系统

嗯，我想完成的功能：一个基本的博客内容管理器功能，如后台登陆，发布并管理文章等支持markdown语法实时编辑支持代码高亮管理博客页面的链接博客页面对移动端适配优化账户管理(修改密码
ciqulover·2016-09-19 00:00
上一页 17 18 19 20 21 22 23 24 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他