2022年8月29日 | Lenix Blog

原使用html5 javascript 共享屏幕与录屏

admin 2022年8月29日2022年8月29日音视频暂无评论 872 浏览

使用html5 javascript 共享屏幕: json

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="robots" content="noindex, nofollow">
        <style>
            body {
              padding: 0;
              margin: 0;
            }

            svg:not(:root) {
              display: block;
            }

            .playable-code {
              background-color: #f4f7f8;
              border: none;
              border-left: 6px solid #558abb;
              border-width: medium medium

…

原创

原html5 javascript 网页响应式设计方案,网页适配方案

admin 2022年8月29日2022年8月29日 web前端暂无评论 411 浏览

网页的设计的样式都由css控制, 我们的css大小单位,一般用 px,或rem,或vw,vh.

由px控制的大小是固定的,不具有响度式的.

响应式设计一般由两种方案实现.

一.rem方案.

实现方法 :

1.head中加

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

2.引入flexible.js

内容如下

(function flexible(window, document) {
  function resetFontSize() {
    const size = (document.documentElement.clientWidth / 1920) * 37.5;//1920为设计稿宽度 
    document.documentElement.style.fontSize = size + 'px';
  }

  // reset root

…

HTML5 javascript 原创响应式适配

一	二	三	四	五	六	日
1	2	3	4	5	6	7
8	9	10	11	12	13	14
15	16	17	18	19	20	21
22	23	24	25	26	27	28
29	30	31

Lenix Blog

Day: 2022年8月29日

原使用html5 javascript 共享屏幕与录屏

原html5 javascript 网页响应式设计方案,网页适配方案

一.rem方案.

最新更新

近期评论

分类

归档

功能

链接表

站点统计

Day: 2022年8月29日

原使用html5 javascript 共享屏幕与录屏

原html5 javascript 网页响应式设计方案,网页适配方案

一.rem方案.

最新更新

月度热门文章

标签

近期评论

分类

归档

功能

链接表

站点统计