全国好ag百家乐可以安全出款的网站,很欢畅又碰头了,我是"高等前端进阶",由我带着全国一谈海涵前端前沿、深刻前端底层技能,全国一谈跨越,也宽恕全国海涵、点赞、保藏、转发,您的支援是我阻挡创作的能源。
前端开垦皆知谈剧本 CSS 媒体功能 (Scripting CSS Media Feature),但一直枯竭跨浏览器的支援。 据 caniuse.com 的数据,适度 2023 年 12 月,其已在通盘当代浏览器中可用。
通过这些功能,开垦者不错说明 JavaScript 在用户浏览器中是否可用来提供替代 CSS 法例,ag百家乐两个平台对打可以吗从而还不错匡助减少无容颜本色的精明 (flashes of unstyled content) 或不良的布局变化。
剧本 CSS 媒体功能之前的决策
在此功能之前,检测 JavaScript 支援的一种步调是在出手的 html 标识上配置自界说聘请器 ,常见的一种步调是 no-js 类名。 要是支援并启用 JavaScript ,其会在渲染页面本色之前删除该聘请器。
当 JavaScript 被禁用时,开垦者不错提供替代容颜。比如底下的示例:
// 页面主本色.no-js .my-element { /* 当 js 被退却后的容颜 */}
使用剧本 CSS 媒体功能
开垦者不错安稳增强容颜来应付页面中 JS 的启用情况,比如底下的示例:
@media (scripting: enabled) { .my-element { /* JS 启用后的容颜 */ }}
轻佻不错聘请优雅地归赵到一些替代容颜:
@media (scripting: none) { .my-element { /* 当 js 不支援后的容颜 */ }}
还有一个 initial-only 暗示浏览器支援页面剧本,况且面前文档中的剧本在运转页面加载时辰启用,但之后不支援。 举例:打印页面或预渲染汇聚代理,其在做事器上渲染页面并将页面的近静态版块发送给用户。
开垦者还不错使用组合容颜来界说不同的条款,比如底下的示例:
@media (scripting: enabled) and (prefers-reduced-motion: no-preference) { /* JS available and motion OK */}@media (scripting: none), (prefers-reduced-motion) { /* JS disabled or reduced motion enabled */}
更多对于剧本 CSS 媒体功能不错参考文末贵府,本文不再过多张开。
参考贵府ag百家乐可以安全出款的网站