关键字:viewport
  • 6、webpack从0到1-less、sass、postcss
    还是延续上节的内容,webpack如何处理less、sass这种预编译样式文件。 本节的内容主要是postcss的运用,postcss很强大,我们小试牛刀用它来实现在不同的浏览器中为我们自动添加前缀如-webkit-、-moz-等等以做兼 ...
  • JS逐页转pdf文件为图片格式
    背景 年前的时候,开发一个电子杂志项目,功能需求是通过上传pdf文件,将其转为图片格式,所以杂志的内容其实就是一张张图片 不过当时技术要求用后端实现,所以使用的是PHP实现该功能。项目完成后,寻思着在前端是否也能实现pdf转图片的功能。一番 ...
  • H5移动端开发知识总结(一)
    ==移动开发基本知识点== 一. 使用rem作为单位 html { font-size: 100px; } @media (min-width: 320px) { ...
  • 对于页面适配,该用px还是rem
    css中的单位很多,%、px、em、rem、vw、vh等。每个单位都用特点的用途,比如当需要设置一个矩形的宽高比是16:9,并且随屏幕宽度自适应时,除了%,其他的单位都很难做到,所以说不存在某个单位是错误的,某个单位是最好的这种说法。 本文 ...
  • Puppeteer 系列踩坑日志—1—批量截图变白
    在平时使用puppeteer最多的就是截图了(每日批量自动截图),我的目标是X宝的一些店铺首页,这次遇到的问题就是在一些无线端,商家的页面非常长,甚至多的达到了6-10万像素。经常出现白屏或者残缺现象。 第一坑:加载问题? 遇到类似问题。 ...
  • 原生js保存显示图片
    点个关注吧!大佬们,代码看看就好不是多好看的样式 样式(css): *{ margin: 0; padding: 0; } html,body{ width: 100%; height: 100%; } #p ...
  • CSS包含块
    1,写在前面的话CSS目前还不被认可是一门真正的编程语言,虽然现在已经有像less、saas、stylus这样的预处理器或者叫预处理框架,使CSS更具动态性,拥有诸如变量、继承、运算、函数等编程特性,但是我们不可忽视CSS在前端开发中的地位 ...
  • jQuery实现自动切换动画
    test2 (1).gif image.png gif压缩得太厉害了,可能看不清或者加载不出,大家可以到我司官网看看效果,点击这里进入官网 不知道这种效果是不是你们想要的效果,这是超人鸭开发公司官网遇到的一个需求,结合上面的动图梳理一下需 ...
  • 一次讲清移动端适配解决方案—rem和vw
    目前移动端的适配方案一般就是两种,一个是rem方案,一个就是vw的方案,本篇就是一次性讲清楚如何去运用这两种方案来解决问题。 panda-vue-template 手把手搭建vue小商城2.0 1、关于rem rem的原理什么的我就不说了 ...
  • React服务端渲染-next.js
    React服务端渲染-next.js前端项目大方向上可以分为两种模式:前台渲染和服务端渲染。前台渲染-SPA应用是一个主要阵营,如果说有什么缺点,那就是SEO不好。因为默认的HTML文档只包含一个根节点,实 ...

暂无数据