移动端汇总

最新推荐文章于 2023-02-27 09:44:08 发布

置顶 juse__we

最新推荐文章于 2023-02-27 09:44:08 发布

阅读量304

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/juse__we/article/details/90372228

博客介绍了移动端前端开发的常见问题及对应解决方案。包括touch事件和tap事件的区别，移动端样式ui图转前端页面根字体大小设置，前端解决canvas跨域问题，以及回到顶部、键盘遮挡输入框、移动端字体垂直居中偏上的解决办法，并给出相关参考链接。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

touch事件和tap事件的区别

https://www.jb51.net/html5/444250.html

touch有start-move-end

tap速度更快

移动端样式 ui图转前端页面（根字体大小设置方法）

https://blog.youkuaiyun.com/juse__we/article/details/83013328

前端解决canvas跨域问题

https://blog.youkuaiyun.com/juse__we/article/details/90639216

回到顶部、去到置顶位置和键盘弹出挡住输入框之类的需求解决方案

https://blog.youkuaiyun.com/fxss5201/article/details/80672263

移动端垂直居中字体偏上解决方案

https://blog.youkuaiyun.com/Buddha_ITXiong/article/details/87344821

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

juse__we

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

android移动端设计规范,干货｜超全面的移动端UI 设计规范整理汇总（下）

weixin_39792519的博客

05-30

3485

原标题：干货｜超全面的移动端UI 设计规范整理汇总(下)来源：优秀网页设计六、APP版式设计规范版式设计又叫做版面编辑，即在有限的版面空间里，将版面的构成要素如文字、图片、控件等根据特定的内容进行组合排列。一个优秀的排版要考虑到用户的阅读习惯和设计美感，在 UI设计中版面设计的原则有哪些呢？1. 对齐对齐是贯穿版式设计的最基础，最重要的原则之一，它能建立起一种整齐划一的外观，带给用户有序一致的浏览...

在线视频播放

08-24

支持3gp，MP4等格式，支持快进、快退播放，本地播放、在线播放都可以。

参与评论您还未登录，请先登录后发表或查看评论

移动端的总结（一）

zhuaaaa3944210的博客

06-28

341

// 一.click的300ms的延迟相应// 原理是click的300ms延迟是由于双击缩放所导致的，由于用户可以通过进行双击缩放或者双击滚动的操作// 当用户一次点击屏幕之后，浏览器并不能立刻判断用户是确实要打开这个链接，还是想要进行双击操作。因此，移动端浏览器就等待300毫秒，以判断用户是否再次点击了屏幕。// 解决办法：FastClick专门为解决这个问题而开发的库。在检测到touchen...

H5移动端问题汇总（上）

smallkure的博客

08-12

162

陆续更新。

移动端项目技术总结

weixin_30852419的博客

08-28

194

在这次项目中，了解到视口的问题，以下为视口的叙说。 meta的视口设置为什么使用要设置视口：定义视口的宽为设备宽，初始缩放为1倍，最大和最小缩放倍数为1，禁止用户缩放<meta name=”viewport” content=”width=device-width, initial-scale=1, maximum-scale=1,minimum-scale=1,use...

手机移动端应用类型都有哪些？

lv_shijun的专栏

11-30

4026

Web App、Hybrid App、 Native App Web App是Html5语言做触摸操作的网站，也叫H5或M站，不需要下载安装。生存在浏览器中的轻应用。 Native APP指的是原生程序，有很强的交互和功能，是个完整的大容量App，可拓展性强。需要用户下载到操作系统里安装使用。 Hybrid App指的是基于Web的可安装小容量App，进入后调用的网站内容，较多公司为了适用于

移动端应用的种类

qq_50659936的博客

07-29

1220

①NativeApp：原生App，Android中使用Java/Kotlin开发，iOS中使用Objective-C/Swift开发。不足：费用高；优势：效率高。②WebApp：使用HTML/CSS/JS编写，运行在浏览器中，封装为APP安装文件，在应用商店中上架。优势：一套代码可以运行在两个平台；不足：执行效率不如原生。③H5：使用HTML/CSS/JS编写，运行在浏览器中，不需要应用商店中上架，也没有图标，通过二维码在朋友圈中快速分享。优势：一套代码可以运行在两个平台；不足：执行效率不如原生。④Hybr

《Axure 8移动端完整元件库资源汇总》

最新发布

06-13

在实际应用中，借助 “Axure8 移动端元件库大全”，设计师可以快速搭建出逼真的移动端原型。无论是用于功能验证，还是向团队和客户展示产品概念，都能轻松应对。由于所有元件都已预设好样式和交互，设计师可以将更多...

移动端开发教程之像素的显示问题汇总

09-22

在移动端开发中，像素的显示问题是一个至关重要的概念，因为它直接影响到用户界面的视觉效果和交互体验。本文将深入探讨像素密度（PPI）、设备像素（DP）、设备像素比（DPR）以及CSS像素和视口（Viewport）等相关...

整套移动端h5页面源码

12-09

在IT行业中，移动端H5页面源码是构建移动互联网应用的一种常见方式，尤其在电商项目中广泛应用。H5，即HTML5，是超文本标记语言的第五次重大修订，为网页开发提供了更多功能和交互性。本套源码提供了一整套移动端的...

HTML移动端购物商城个人中心模板

06-07

- **订单列表**：所有订单的汇总展示，便于用户管理和查找订单。 - **订单详情**：展示单个订单的详细信息，如商品、数量、价格、收货地址等。 - **账号安全**：用户管理密码、绑定手机或邮箱，进行安全验证等...

什么是移动端

weixin_74900246的博客

02-27

767

宝宝级教学

移动端应用类型及特点

dou_being的博客

08-01

5475

一、移动端应用类型 移动端应用细分为三大类：WebApp、Native App 和 Hybrid App 二、WebApp、Native App 和 Hybrid App三类移动应用的特点 1.Web App （1）Web App 指的是移动端的 Web 浏览器，其实和 PC 端的 Web 浏览器没有任何区别，只不过 Web 浏览器所依附的操作系统不再是 Windows 和 Linux 了，而是 iOS 和 Android （2）WebApp 采用的技术主要是，传统的 HTML、Ja...

本博客完美的支持移动端

weixin_34007886的博客

03-08

127

前几天搞了个Bootstrap的皮肤，由于时间的问题，随意写了下，瞬间被封杀。博客主页太复杂园友也不会去看，还不如简单一点。这几天就改进了移动端显示的问题，除了在4G加载的时候有点忙，（不知道怎么改进）显示方面已经很好的。首先我主页上只留下了文章列表，别的元素基本remove，或者hide了。导航栏是完全自定义的，静态的。 Bootstrap的导航栏对移动端支持的非常好，用Boots...

一篇博客搞定移动端布局

木木木森林

11-12

1535

指屏幕在：横向、纵向上所拥有的**物理像素点**总数。一般用 n * m 表示。例如：iPhone 6 的屏幕分辨率为 750 * 1334 - 注意点： - **屏幕分辨率是一个固定值，屏幕生产出来就确定了，无法修改！！** - 屏幕分辨率、显示分辨率是两个概念，系统设置中可以修改的是：显示分辨率。 - 显示分辨率是设备当前所用到的物理像素点数，也可以说：屏幕分辨率 >= 显示分辨率

移动端终于可以写博客了

抬头做人低头做事

12-17

721

在这个拉屎都离不开手机的时代，我们的csdn移动端终于可以写博客啦！

个人博客+移动端开发（前言）

u014657893的博客

11-30

732

一、博客、移动端实现的功能网站前台：显示作者、作者基本信息、文章标题、文章分类、文章内容、插图等网站后台：显示全部文章、添加文章、编辑文章、删除文章 移动端：未登录时显示和网站前台相同的内容，登陆后可以添加、编辑、删除文章二、采用的技术网站：采用LNMP方式，即Linux+Nginx+MySql+PHP。使用thinkphp框架 移动端：三、

移动端搭建

Just do IT！的博客

09-03

464

首先了解视口的概念视口的介绍在移动浏览器中，当页面宽度超出设备，浏览器内部虚拟的一个页面容器，将页面容器缩放到设备这么大，然后展示解决了：移动端适配pc的问题。视口的参数视口的宽度可以通过meta标签设置，此属性为移动端页面视口设置，当前值表示在移动端页面的宽度为设备的宽度，并且不缩放（缩放级别为1） width:视口的宽度 initial-scale：初始化缩放 user-sca...

移动端开发

星河梦~的博客

07-01

1018

移动端开发，@media，rem，vw

精选移动端设计资源汇总

移动设计思维是指设计师在设计移动端产品时需要具备的思考方式和方法论，包括适应移动场景的用户研究、设计迭代、以及对移动平台特性的理解等。 #### 用户中心设计 - 从用户的需求出发，确保设计决策都是为了提升...