页面适配&swiper图片自适应计算方法
页面适配计算： 假设存在一个设计稿 宽度 xxx 或者 未知page 1、设计稿存 page在一个元素 宽度100px 2、拿以上的需求去实现不同宽度的页面适配 page px = 750 rpx 1 px = 750 rpx / page 100px = 750 rpx...
- 博客
- 背景图片适配屏幕overflow: hidden; position: fixed; width: 100%; height: 100%; background: url("./images/login_bg.jpg") no-repeat; backgroun...博客
- 移动端适配解决方案优化以前写过的一篇文章：https://www.cnblogs.com/beileixinqing/p/11283315.html 目前常见移动端适配方案 1、媒体查询 通过写媒体查询，在不同的分辨率下写对应不同的样式，这样带来以下几点缺点： 开发上的繁琐，需要针对不同设备下写对应适配的样式；...博客
- React.js入门与实战，开发适配PC端及移动端新闻头条平台一、React.js入门实战简介 结合基础与实战学习React.js 独立开发新闻头条平台。入门学习Web开发主流框架React，紧跟技术迭代，使用Webpack 2 与React Router 4 升级项目，搭建一个同时适配PC与移动端新闻平台，领略React开发的高效性，提高技术水平！ ...博客
- jQuery-1.9.1源码分析系列（十六）ajax——ajax处理流程以及核心函数先来看一看jQuery的ajax核心处理流程（$.ajax） a. ajax( [url,] options )执行流程 第一步，为传递的参数做适配。url可以包含在options中 //传递的参数只是一个对象 if ( typeof url === "object" ) { ...博客
- CSS 技巧一则 -- 不定宽溢出文本适配滚动在日常布局当中，肯定经常会遇到文本内容超过容器的情况。非常常见的一种解决方案是超出省略。 但是，有的时候，由于场景的限制，可能会出现在一些无法使用超出打点省略的方法的场景，譬如在导航栏中： 这种情况下，在容器定宽但是文本又溢出且不能换行的情况下，我们就需要寻求另外的解决方案。 hover 时弹...博客
- 移动端适配必须掌握的基本概念和适配方案随着技术的发展，移动设备越来越流行，并且不同设备间屏幕尺寸和屏幕像素的差异，移动端开发面临着多分辨率适配的问题。 基本概念 响应式开发本质时针对多种屏幕做适配，在实际开发中，通常情况下时针对主流的设备进行适配。在开发前，必须掌握几个基本概念： 物理像素：即屏幕的实际像素点。像素是屏幕设备的最小...博客
- 移动WEB开发的rem布局、Less使用移动WEB开发的rem布局 目标（目录） 能够使用rem单位 能够使用媒体查询的基本语法 能够使用Less的基本语法 能够使用Less中的嵌套 能够使用Less中的运算 能够使用2种rem适配方案 思考：1、页面布局文字能够随着屏幕大小的变化而变化？ 2、流式布局和flex布局主要针对于宽度布...博客
- 使用Typescript和React重构CNode社区一个React和Typescript的练手项目，后台调用CNode社区提供的API，功能基本完成，演示网站部署在netlify。 等以后水平提高了会考虑重构本项目，并且增加移动端适配。 演示地址 项目源码 项目主要目录结构 src ├─assets │ └─images ├─componen...博客
- 适配iphoneX底部安全区<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover"> <div c...博客
