移动端
23篇文章 · 0订阅
  • 2022 年移动端适配方案指南 — 全网最新最全
    由于手机屏幕尺寸不一样，分辨率不一样，或者需要考虑横竖屏的问题，或者考虑到移动端兼容性。这时候你也就不得不解决在不同手机上，不同情况下的展示效果，所以就需要一个开箱即用并且行之有效的移的移动端适配方案
    前端 架构
    2022 年移动端适配方案指南 — 全网最新最全
  • 移动端适配 - 基础知识篇
    设备像素又称物理像素（physical pixel），是显示器中最小的物理单元，设备能控制显示的最小单位。 每个像素根据操作系统的指示设置自己的颜色和亮度。 任何设备的物理像素数量都是固定的。 由程序使用并控制的虚拟像素，比如web编程中的CSS像素(px)、安卓（dp）、io…
    CSS
    移动端适配 - 基础知识篇
  • 解决vue移动端适配问题
    基础点：rem相对根节点字体的大小。所以不用px; 用rem就可以了吧！因为rem就可以随根字体大小改变而改变，从而实现了自适应的功能。 vue-cli: 用这个主要是用webpack,这个构建工具大大降低了webpack的使用难度;快速构建出一个前端项目。 postcss: …
    Vue.js
  • Icon和文本对齐方式的探索
    在Web中很多场景中都会使用到Icon，那么就会面临Icon和文本对齐的处理。而这个对齐效果的处理又不是一件轻易的事情，特别是面又众多不同移动终端的情形之下。那么今天这篇文章就来和大家一起探讨一下这方面的话题。 这里所说的Web中的图标是指Web中的Icon图标。从《Web中的…
    前端
  • 前端基础知识概述 -- 移动端开发的屏幕、图像、字体与布局的兼容适配
    本文是内部的一次分享沉淀，偏向基础但是涉及了一些有意思的细节，文笔有限，才疏学浅，文中若有不正之处，万望告知。 前端的一大工作内容就是去兼容页面在不同内核的浏览器，不同的设备，不同的分辨率下的行为，使页面的能正常工作在各种各样的宿主环境当中。 而本文的主题 -- 移动端开发的兼…
    HTML 前端
  • 拿到一份设计稿，我该如何进行移动端开发？
    出来混，那些混过去的，迟早是要还的 (￣Д ￣)┍ 。 1. 什么是 viewport ? 它的的作用是啥？ 提到 viewport，之前总感觉挺突兀的，但是当我最近做移动端项目时，突然关注到一直被忽略的 meta 标签的时候，才恍然大悟（o(╯□╰)o）。那么，首先让我们来了…
    前端
  • 稍微整理了几个经常在H5移动端开发遇到的东西😢
    本篇文章主要是讲一些其他的或者优化手段。内容不多😂 1. 弹出数字键盘 安卓跟IOS的表现形式应该不一样，大家可以自己试试。当运用了正则pattern后，就不用关注input的类型了😂 2. 调用系统的某些功能 3. 打开原生应用 4. 解决active伪类失效 5. 忽略…
    HTML
  • vue移动端h5适配解决方案（rem or vw）
    1. 安装amfe-flexible和px2rem-loader 2. 配置amfe-flexible 3. 配置px2rem-loader 4. 展示效果 1. postcss-aspect-ratio-mini 有一点需要特别注意：aspect-ratio属性不能和其他属性…
    Vue.js
  • 面试官：你了解过移动端适配吗？
    很多人聊起移动端适配都是懵逼状态，都想口吐芬芳。难道移动端还要适配，直接px写死，其他自适应不就完了吗？其实不然，要求严格的公司会要求缩放比例完全相同，简单说就是，在每个手机上的每一行的字数都要一样。接下来，我们就要细说移动端适配的前世今生 相信我们所有前端开发者，都是见证了手…
    前端
  • 移动 web 1px 边框解决方案
    在移动端 web 页面开发中，为了使 css 中使用的尺寸与设计稿一致，通常会采用 rem 单位配合 lib-flexible 来实现移动端的适配，在 IOS 设备上 flexible.js 会根据设备的分辨率动态的调整 viewport 的 width 和 scale 来达到目的。 但是…
    CSS