移动端
24篇文章 · 0订阅
  • 如何让一套代码完美适配各种屏幕？
    一、适配的目的 区别于iOS，android设备有不同的分辨率大小以及不同厂商的系统，目前市场的分辨率可以看下友盟的相关统计。 可以看到主流的分辨率有10多种，当不做适配时，一套代码在不同设备上的效果
    Android 前端
    如何让一套代码完美适配各种屏幕？
  • 2022 年移动端适配方案指南 — 全网最新最全
    由于手机屏幕尺寸不一样，分辨率不一样，或者需要考虑横竖屏的问题，或者考虑到移动端兼容性。这时候你也就不得不解决在不同手机上，不同情况下的展示效果，所以就需要一个开箱即用并且行之有效的移的移动端适配方案
    前端 架构
    2022 年移动端适配方案指南 — 全网最新最全
  • 中高级前端必须注意的40条移动端H5坑位指南 | 网易三年实践
    不知不觉在网易已有三年半，占了一半时间都在与移动端打交道，整个阶段都是遇坑填坑的学习过程。移动端开发在前端里像神一样地存在，不是说它多难而是说它坑位实在太多了，怎样填都填不完。Android和iOS各显神通，Android的系统版本和屏幕分辨率多得难以一招兼容，iOS的顽固标准…
    CSS JavaScript
    中高级前端必须注意的40条移动端H5坑位指南 | 网易三年实践
  • Web移动端适配方案
    在过去的几年时间里，移动端web野蛮生长，智能机的Android阵营和IOS阵营分庭抗礼，随之产生了多个系统版本（系统版本多样）；五花八门的屏幕尺寸、屏幕展示技术（如大名鼎鼎的Retina技术屏）层出不穷（屏幕尺寸、技术多样），还是CSS的W3C标准在各式各样的移动端浏览器上落…
    CSS
  • 移动端适配及PC端适配心得总结体会(二) (可能比较全
    2. 1px边框的问题 2. background-image 和border-image类似，准备一张符合条件的边框背景图，模拟在背景上。 上面两种都需要单独准备图片，而且圆角不是很好处理，但是可以应对大部分场景。 这种方式可以满足各种场景，如果需要满足圆角，只需要给伪类也加…
    前端
  • PC端、移动端Video自动播放兼容完美解决方案（IOS、安卓、微信端）
    其实移动对于video标签极度不友好，为了用户体验度避免浪费用户的流量，移动端浏览器只能让用户触发事件去播放video。如点击播放按钮或者监听document的触摸事件，在Safari、 谷歌浏览器、QQ浏览器均有各类奇葩问题无法实现完美自动播放的效果； iOS下不能自动播放，…
    • Tz
    • 5年前
    • 24k
    • 53
    前端
  • 自适应布局方案
    rem（font size of the root element）是指相对于根元素<html>来做计算的字体大小单位。 e.g. 设置html { font-size: 75px }时，其他元素1rem = 75px，4rem = 300px vw是基于viewpo…
    CSS
    自适应布局方案
  • 移动端适配 - 基础知识篇
    设备像素又称物理像素（physical pixel），是显示器中最小的物理单元，设备能控制显示的最小单位。 每个像素根据操作系统的指示设置自己的颜色和亮度。 任何设备的物理像素数量都是固定的。 由程序使用并控制的虚拟像素，比如web编程中的CSS像素(px)、安卓（dp）、io…
    CSS
    移动端适配 - 基础知识篇
  • 手把手教你实现H5微信分享
    使用微信分享，可以获得更好的传播效果。那如何利用微信公众号向好友进行信息分享呢？ 这里以分享 微信红包 为例，手把手教大家实现微信授权与分享。 步骤一. 用户信息获取 1. 注册测试公众号 这里就要麻烦后端的同学为我们提供URL和Token（URL是开发者用来接收微信消息和事件…
    微信 前端
  • 移动端适配深度探究
    既然是适配我们开始肯定要有一个参考屏幕，这里我们先提前确定下面所有的例子都是以iphone6的屏幕（宽度为375px）为参照。通常设计稿是2倍的设计稿，所以我们拿到的设计稿设计稿最终宽度为750px。 屏幕适配最终的目标或者说本质就是实现 等比缩放。 为什么要有个基准？因为我们…
    React.js