web适配
4篇文章 · 0订阅
  • 浅谈-web屏幕适配的解决方案
    就目前看来，web的屏幕适配是贯穿整个前端行业的，如常见的PC端，移动端，响应式，小程序等。 正是因为 PC端上的浏览器大小会经常被改变，而且改变的范围还很大，用户会全屏浏览器，用户也会缩小浏览器到一个很小的值，如600px左右。 所以pc端上如果使用流式布局(百分比布局)，会…
    响应式设计
  • 响应式布局的常用解决方案对比(媒体查询、百分比、rem和vw/vh）
    简要介绍：前端开发中，静态网页通常需要适应不同分辨率的设备，常用的自适应解决方案包括媒体查询、百分比、rem和vw/vh等。本文从px单位出发，分析了px在移动端布局中的不足，接着介绍了几种不同的自适应解决方案。 在静态网页中，我们经常用像素（px）作为单位，来描述一个元素的宽…
    CSS PostCSS 浏览器
  • swiper.js简单快速实现轮播滑动（兼容PC端、移动端）
    1.首先需要在head头部加载插件，需要用到的文件有swiper.css和swiper.js文件。可下载swiper文件或使用CDN远程加载 在实际的web开发中，总是需要兼容PC跟移动端，如果使用原生js自己写的话，不仅耗时，可能兼容性、稳定性也不好，特别是移动端的touch…
    JavaScript
    swiper.js简单快速实现轮播滑动（兼容PC端、移动端）
  • Web自适应布局你需要知道的所有事儿
    有这样一个问题。 别急，下面我们就开始逐一分析各种方法在web自适应布局下的使用姿势，最后做个总结。 本文的所有例子使用了同一种三栏布局。源代码点我 1. 浮动布局 float:left|right 最常用的布局方式之一，设置了float的元素脱离了文档流。需要注意在使用过浮动…
    CSS 前端 flexbox
    Web自适应布局你需要知道的所有事儿