responsive-iframe:演示资源-CSDN文库

共7个文件

js：3个

html：2个

gitignore：1个

JavaScript

需积分: 5 118 浏览量 2021-06-14 07:18:23 上传评论收藏 38KB ZIP 举报

资源推荐

资源详情

资源评论

responsive-font-size:一个 SASS mixin，可以轻松创建基于屏幕宽度缩放字体大小的布局。提供四个参数，这个 mixin 将智能地找出正确的媒体查询定义，使字体与屏幕宽度一起缩放

响应字体大小一个 SASS mixin，可以轻松创建基于屏幕宽度...}或者（如果你想直截了当地说）： p { @include responsive-font-size ( $min-font-size: 1.8em, $max-font-size: 3.7em, $min-screen-width: 640px, $max-s

react-responsive-masonry:使用CSS Flexbox构建的React响应式砌体组件

您可以通过npm或yarn命令从NPM注册表中下载react-responsive-masonry npm react-responsive-masonry yarn add react-responsive-masonry npm install react-responsive-masonry --save 如果您不使用包管理器，...

wc-responsive-grid:Web组件，可使用CSS Grid简化响应式内容区域的布局

wc响应网格Web组件，可使用CSS Grid简化响应式内容区域的布局。由提供的行为。安装npm i wc - responsive - grid例子< style >... } wc-responsive-grid { padding : var ( --wc-responsive-gri

djangocms-responsive-wrapper:该项目集成了https

当使用pip安装djangocms-responsive-wrapper ， django-responsive2 djangocms-responsive-wrapper也将自动安装。 django-responsive2的完整文档可从。快速开始安装djangocms-responsive-wrapper ： pip ...

react-responsive-modal:简单的React模式

使用npm： npm install react-responsive-modal --save 或与纱线一起： yarn add react-responsive-modal 用法 import React , { useState } from 'react' ; import ReactDOM from 'react-dom' ; import 'react-...

iframe-lightbox：适用于iframe的响应式无jQuery纯JSCSS灯箱，无依赖项，可自定义的宽高比，未压缩的5kb源代码，带有演示

iframe-lightbox 响应式无jQuery纯JS / CSS灯箱，适用于iframe，无依赖关系，可自定义的宽高比，5kb未缩小的源代码，带有演示演示版产品特点简单的初始化通过iframe非常适合YouTube / Vimeo / SoundCloud / Audiomack或其他URL 通过data-padding-bottom属性可定制的宽高比 iframe内容可以滚

frameset/frame/iframe实例演示

5星 · 资源好评率100%

里面包含了frameset，frame以及iframe的一些技术的演练，希望对大家有帮助，如果有什么补充或疑问，可以加QQ374053115进行和我讨论交流，互相进步！里面代码均手写，大致功能都已经实现，如果错误欢迎指出！

responsive-tester:这是一个演示项目，用于测试某些CSS vars功能

这是一个有趣的项目，旨在测试CSS var和拟态的某些功能。拜访它整个JS只是CSS var和body类的切换。安装首先，您需要安装它。打开您的终端，导航到项目文件夹，然后编写以下命令来安装依赖项。 npm install 我使用Webpack捆绑和处理SCSS，还能够编写一些ES6 +。当然，这不是必需的，但是这个项目都不是！跑步要运行项目，您只需要运行 npm start

go-responsive:该存储库由NYS-ITS工作人员在3182013-452013代码冲刺期间创建，以演示响应式Web设计技术

响应Swift 该存储库由NYS-ITS工作人员在3/18 / 2013-4 / 5/2013期间创建，目的是演示响应式Web设计技术。原型的潜在可重用部分被放入NYS-ITS 以便在项目实施响应式设计时可以加以利用和迭代。有关更多信息，请浏览在代码冲刺期间创建的原型。

ember-responsive-demo:Ember CLI 插件 `ember-responsive` 的演示

ember-responsive-demo Ember CLI 插件ember-responsive演示。您可以直接在此处访问演示应用程序： : 此 README 概述了在本地运行此 Ember 应用程序的详细信息。感兴趣的文件 app/views/application.js - 如何将断点绑定到类名 app/controllers/index.js - 如何在控制器中使用embe

responsive-tables:一个响应式表格解决方案，提供开箱即用的完美（行比较）响应式表格

第一步：下载responsive-tables.js和responsive-tables.css 第 2 步：将这些文件添加到您的 html 文档中注意：在jQuery之后添加responsive-tables.js 文件。 < head > ... < script src =" js/jquery....

wc-responsive-container:Web组件，允许作者根据包含元素的大小而不是用户视口的大小来控制样式

安装npm i wc - responsive - container例子< style > * { box-sizing : border-box; } body { margin : 0 ; min-height : 100 vh ; display : flex; align-items : center; justify-content : cen

vue-responsive-grid-layout:Vue Repsonsive网格布局

VueResponsiveGridLayout 1.2.0 VueJS的响应式可拖动和可调整大小的网格布局。... import {VueResponsiveGridLayout, VueGridItem, VueGridLayout } from 'vue-responsive-grid-layout' Vue.component

sass-responsive-mixin-madness:HTML5芝加哥闪电大会7915的演示项目

git clone git@github.com:andimal/sass-responsive-mixin-madness.git cd /path/to/directory bundle install middleman 重要的位： // variables $screen-sm : 480px $screen-md : 768px $screen-lg : 1200px /...

ng-responsive-calendar:响应日历

【ng-responsive-calendar:响应式日历】是一款专为前端开发者设计的JavaScript库，它使得在网页上创建适应不同设备屏幕尺寸的日历组件变得简单。这个库特别关注移动设备的用户体验，确保日历在手机、平板电脑和桌面...

mapfun:天真地将Google Maps iframe渲染到cycle.js应用程序中的一个搞笑的演示

天真地将Google Maps iframe渲染到cycle.js应用程序中的一个搞笑的演示

responsive-swipe:响应式滑动jQuery插件的演示，文档和源文件

响应式滑动演示站点，展示了出色的响应式滑动jQuery插件，使您可以创建可在触摸设备上滑动的响应式内容（RESS）网站。该代码中包含文档，您可以在以下位置查看它们。此演示需要使用PHP的Web服务器。对于插件本身，只需在/ js文件夹中检出响应.swipe.js和swipeview.js。请参阅outer_page_bits.php中的示例以了解如何初始化它。在以下位置回购此代

gp-responsive-webpage-files:指导项目的资源和演示网页

带有HTML，JS和一点PHP 目录 avatar-creation.html contact-form-with-php.html welcome_get.php contact-page-without-php.html customizable-info-cards-page.html full-page-tabs.html horizontal-icon-navbar.ht

tvAnywhereApp-webDemo:一个用于 framework7 的 webapp iframe 演示和游乐场

tvAnywhereApp-webDemo framework7 的演示和游乐场添加以下cordova插件： com.ionic.keyboard 1.0.3“键盘” org.apache.cordova.inappbrowser 0.5.3“InAppBrowser” org.apache.cordova.splashscreen 0.3.4“闪屏” org.apache.cordo

project-dashboard:使用iframe在网站上展示的精选项目列表，可作为向雇主展示我的演示的快速方法

项目仪表板我的个人项目使用<iframe>功能显示在同一站点中的所有项目，目的是向雇主/客户展示我的Web开发产品组合，而无需在电子邮件中粘贴链接列表，并要求他们在没有任何解释的情况下一个一个地导航到这些站点关于网站是什么以及我为什么写它。项目仪表板使我能够编写一个快速的Markdown文件，该文件将Next.js呈现到静态页面中，并在前面提供指向该站点及其Github的链接，并

Responsive-Portfolio:随着我在UCF的计算机编程BootCamp中完成学习的过程，将在CSS Projects和Bio中使用媒体查询构建新的View-Port-Responsive产品组合。-源码

响应式投资组合链接：要求index.html骨架Portfolio.html骨架contact.html骨架（共3个ViewPort标签） style.css 常规样式参数媒体查询参数（在样式表的底部） 980px 768像素640像素资产文件夹CSS文件夹图片文件夹正在...

inuitcss.widths-responsive-generator:widths-generator Inuitcss 模块的扩展

所述inuitcss widths-responsive-generator模块是的延伸。该模块完全替代了inuitcss的默认模块。所以没有必要同时加载默认的widths-responsive模块和widths-responsive-generator模块。安装使用 Bower 安装： ...

react-responsive-animate-navbar:React js 库 - 响应式动画导航栏

桌面演示：响应式演示：安装npm install --save react-responsive-animate-navbar用法 import React from "react" ;import ReactNavbar from "react-responsive-animate-navbar" ;import { HomeComponent , ...

Responsive-template:html模板

在压缩包"Responsive-template-master"中，我们可以期待找到一系列的文件和目录，包括但不限于： 1. HTML文件：这些文件构成了网站的基本结构，可能使用了HTML5的语义化标签，如、、、和等。 2. CSS文件：包含响应...

收起资源包目录

responsive-iframe-master.zip （7个子文件）

responsive-iframe-master

.gitignore 9B

iframe.html 2KB

host.html 2KB

responsive-iframe-frame.js 2KB

jquery-1.10.2.js 91KB

responsive-iframe-host.js 5KB

README.md 802B

评论收藏

内容反馈

每天痛苦与更好的

粉丝: 35
资源: 4536