响应式

响应式

文章 58 浏览 1.5k

什么是最好的兼顾桌面和移动 Web 适配的响应式方案?

rem 数值计算 如果利用 rem 来设置 css 的值,一般要通过一层计算才行,比如如果要设置一个长宽为 100px 的 div,那么就需要计算出 100px 对应的 rem …

JSmiles 2022-04-15 13:06:09 963 0 0

创建移动优先的响应式网页设计

我们将介绍如何创建以移动为先的自适应 Web 体验。 本文和 演示 将讨论以下内容: 关于我们的新产品,还有更多最新的响应式指南 Web 基础知识 站点。 …

猫九 2021-12-29 13:11:33 1062 0 0

移动端 Web App 自适应布局探索与总结

1、困扰多时的问题 在这之前做 web app 开发的的时候,在自适应方面一般都是宽度通过百分比,高度以 iPhone6 跟 iPhone5 之间的一个平衡值写死,我们…

最偏执的依靠 2021-11-28 09:53:07 1002 0 0

picture 浏览器内置的响应式标签

&ltpicture&gt 标签提供可声明式的方式来加载图片。网页开发者不必非要用CSS和JS来处理响应式的图片加载。用这种方式的好处是提高加载速度—尤其是在…

少女净妖师 2021-11-03 20:58:27 1413 0 0

Web 技术与响应式设计

ETHAN MARCOTTE 的文章《响应式Web设计》讲述了在可伸缩的网页基础上使用 Media Query 来实现响应的响应式设计。 而本文试从前端角度整理了近年来可供…

各自安好 2021-11-02 12:35:53 1131 0 0

Parallax.js 功能强大的视觉差特效插件

Parallax.js 是一款功能非常强大的 JavaScript 视觉差特效引擎插件。通过这个视觉差插件可以制作出非常炫酷的视觉差特效。它可以检测智能设备的方向。…

JSmiles 2020-07-13 23:06:13 3313 0 0

Unslider 轻量级响应式 jQuery 幻灯片插件

Unslider 是一款非常轻量的 jQuery 插件(压缩后不到3KB),能够用于任何 HTML 内容的滑动。可以响应容器的大小变化,自动排布不用大小的滑块。可以通…

JSmiles 2020-05-02 10:20:01 1326 0 0

BttrLazyLoading 基于 jQuery 响应式懒加载插件

ttrLazyLoading 是一款 jQuery 响应式图像延迟加载的插件,允许用户在WEB页面滚动至图像位置时延迟加载图片。BttrLazyLoading 提供四种不同的屏幕大小…

JSmiles 2020-05-01 21:26:33 1783 0 0

lazysizes.js 图片懒加载/响应式延迟加载

懒加载如今在网站中经常看到,当用户打开一个网页的时候,图片资源并不是马上加载的,当用户浏览到图片的文章,再去加载图片,能够提升整个网站的访问…

JSmiles 2020-04-29 21:51:00 2288 0 0

移动 Web 开发最佳实践与中文总结

从 meta 开始 本节之后可能也涉及 meta 标签,但为了更加全面的摸透 meta 特地用一节的篇幅来系统概述。 一、meta 标签分两大部分:HTTP 标题信息(ht…

JSmiles 2020-03-25 16:50:37 2015 0 0

Flexbox Grid 基于 Flex 的网格排版显示框架

Flexbox Grid 是一个基于 Flex 的网格排版显示框架,使用方法和 Bootstrap 很相似,如果只需要 Bootstrap 的排版系统,那么你可以直接使用这个 CSS 文…

JSmiles 2020-03-08 11:36:59 1813 0 0

分享 9 个非常实用的 CSS 片段代码

CSS 作为网页的表象,一直都是 Web 开发中不可或缺的一部分,一般我们编写 CSS 代码可能是手动编写,也有很多开源的框架可供使用,但是我们往往只是使…

JSmiles 2019-08-01 19:32:15 1645 0 0

Pizza Pie Charts 基于 Snap.svg 框架的响应式饼图统计插件

Pizza Pie Charts 是一个基于 Adobe 的 Snap.svg 框架的响应式饼图插件。它着重于集成 HTML 标记和 CSS,而不是 JavaScript 对象,当然 Pizza Pie Cha…

JSmiles 2019-07-05 19:42:04 1840 0 0

说说手机网页开发 REM 单位的使用

手机端开发基本都是使用的 REM 作为计量单位,关于什么是 REM 我就不多说了,简单来将就是 1rem 等于 HTML 标签的 font-size 大小,所以根据手机宽度…

JSmiles 2018-08-22 22:43:55 1866 0 0

Skel.js 用于创建响应式站点的前端框架

Skel.js 是一个用于创建响应式站点的前端框架。 快速指南 skel.js 是一个轻量级的建筑响应的网站和应用程序的前端框架。只有一个单一的 JS 文件(重量…

JSmiles 2018-08-04 21:36:21 2442 0 0
更多

推荐作者

lorenzathorton8

文章 0 评论 0

Zero

文章 0 评论 0

萧瑟寒风

文章 0 评论 0

mylayout

文章 0 评论 0

tkewei

文章 0 评论 0

17818769742

文章 0 评论 0

    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文