![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
移动web开发
仗剑天涯,从摘要开始
这个作者很懒,什么都没留下…
展开
-
移动端如何进行rem的适配
网上很多都说会pc网页开发,也就会了mobile网页开发。那么实际呢也是如此,但是对于新手来说却摸不着头脑无从下手,一直纠结于适配的问题,那么这里就来展示下rem适配。展示rem适配代码 //rem适配 (function () { var styleN = document.createElement("style"); var width = document.documentElement.clientWidth/16; styl.原创 2020-07-23 15:07:03 · 677 阅读 · 0 评论 -
CSS3 filter的使用(改变模糊度 亮度 透明等)
讲到对图片的处理,我们经常想到的就是Photoshop等类的图像处理工具,其实css也可以很强大,作为一个前端开发我们也常常要做一些特效,比如根据不同的状态显示不同状态的颜色,或者hover的时候等等。 上面这些效果css一样能做到 CSS :filter CSS滤镜(filter)属提供的图形特效,像模糊,锐化或元素变色。过滤器通常被用于调整图片,背景和边界的渲染。...原创 2020-01-20 16:56:01 · 339 阅读 · 0 评论 -
spy-debugger调试、抓包工具
由于想要用windows系统调试iOS App webview里面的H5页面,所以找到这个工具,可以console.log信息,方便调试APP里的网页。关于spy-debugger一站式页面调试、抓包工具。远程调试任何手机浏览器页面,任何手机移动端webview(如:微信,HybridApp等)。支持HTTP/HTTPS,无需USB连接设备。特性1、页面调试+抓包2、操作简单...原创 2020-01-02 16:45:12 · 286 阅读 · 0 评论 -
flex布局踩过的坑
虽然我对flex的基本用法已经比较了解,但是在使用过程中还是会经常遇到些大大小小的问题。这篇博客在对flex的基本概念做一个简单的回顾后,将重点记录我在使用flex时踩过的一些坑,这篇博客也会一直更新。本文结构:flex布局基本概念 flex container flex item 踩过的坑 flex container的高度问题 flex-direction与just...原创 2019-12-31 15:28:48 · 806 阅读 · 0 评论 -
Html5移动端布局及(rem布局)页面自适应布局详解
常见的页面布局方式有,静态布局px布局 流式布局(Liquid Layout)主要的划分区域的尺寸使用百分数(搭配min-*、max-*属性使用) 自适应布局(Adaptive Layout)即创建多个静态布局,每个静态布局对应一个屏幕分辨率范围 响应式布局(Responsive Layout)检测窗口大小利用bootstrap布局 弹性布局(rem/em布局)css3 r...原创 2019-12-30 22:40:57 · 600 阅读 · 0 评论 -
flex 布局
7.1 传统布局与flex布局传统布局:兼容性好 布局繁琐 局限性,对移动端的支持不好flex 唐兴布局操作方便,布局极为简单,移动端应用广泛 PC段浏览器支持情况较差 IE11或更低版本,不支持或仅部分支持建议:PC端页面,使用传统布局 移动端页面或者不考虑兼容性问题的PC段页面布局,使用flex 弹性布局7.2 爱的初体验html 代码<d...原创 2019-12-26 16:38:01 · 350 阅读 · 0 评论 -
简单使用swiper实现轮播图
1、引入CSS CDN(在页面head)<link href="https://cdn.bootcss.com/Swiper/4.5.1/css/swiper.css" rel="stylesheet">2、引入JS CDN(在body中)<script src="https://cdn.bootcss.com/Swiper/4.5.1/js/swiper.js">...原创 2019-12-25 16:52:21 · 1861 阅读 · 0 评论