learn HTML5 html

adapt-learning gulp jQuery Vue Bootstrap JS React javascript Angular

htmlcompressor pinchzoom parcel-plugin requests-html wueasy ptcms canvas-game imageload odoo-12 radio-button kline react-lz-editor html2wxml webrtc-demos minirefresh iscroll5-pull-to-refresh cocos website-development sound-record xhtml preview-doc fed fem setinterval linear-gradients g6 html-input to-do-list laravel-admin html5-css3-jquery preview-word nanohttpd directory-scanning autohotkey-ckeditor flicker websql jscompressor wxml-to-html android-preview antd-editor pentest pacman guacamole-ssh javascript-errors google-map gantt-diagram guacamole-vnc 3d-banner

adapt adapt-component adapt-course adapt-extension adapt-nlp adapt-parser adapt-plugin adapt-theme adapt-ui cal-adapt android-screen-adapt woman-to-adapt learning learning- learning-machine-learning adversarial-learning adversarial-reinforcement-learning adversarial-reward-learning algotrading-machine-learning always-learning anatomy-learning applied-machine-learning audio-visual-learning auxiliary-learning bandit-learning batch-learning-algorithms bu-learning chat-bot-deep-learning childhood-learning concept-prerequisite-learning cortical-learning cs-learning daveburnisonms-learning-labs dee-learning deep-cosine-metric-learning deep-learning-book deep-learning-datasets deep-learning-docker deep-learning-from-scratch-master deep-learning-lecture-notes deep-learning-networks deep-learning-security deep-learning-serving deep-learning-tutorials deep-metric-learning deepq-learning discriminative-learning distributed-learning dsa-learning-series

SrajanKumarShukla/ADAPT-Learning CVLAB-Unibo/Learning2AdaptForStereo adapt-python/adapt fabiobeoni/adapt-interactiveMapPlaces use-adapt/adapt Adapt-Framework/adapt wasidennis/AdaptSegNet MycroftAI/adapt shlokpatel7/LingoAssist dustinfast/intuitive_agent Hellsing/Adapt liutch/webkitDemo keleyundou/ios11NavBar ThinkingTransistor/Sigma JasonRoesbeke/WorkRecordPlugin cgkineo/adapt-search bayneri/adapt matheusps/adapt-ui maxWidth) || (!maxWidth && document.documentElement.clientWidth > 375)){ _body.style.cssText+='width:'+minWidth+'px;'; } //限制body溢出隐藏，因此缩放后的container已经超出body范围 _body.style.cssText+='height:100%;margin:0 auto;overflow:hidden;'; /** * @type {Element} container body的第一个子元素 所有内容必须写在body中的第一个子元素中 * @type {Number} clientWidth body的可视区域宽度 * @type {Number} clientHeight body的可视区域高度 * @type {Number} scale 需要缩放的比例， 可视区域的宽/设计稿的宽得到一个缩放比值。 假设设计稿750 body 375 则 375/750=0.5 则窗口需要缩小0.5倍才正好适配body的宽度 * @type {Number} zoom 高度需要放大的比例，当进行scale缩放时导致高度跟着缩放，为了让高度适应屏幕高度达到百分百的高必须将高度值*放大比例进行高度补偿。假设body高度750 scale0.5之后高度只有375半屏高度，因此先将高度750*2 然后再scale0.5保持高度依然是一屏高。 */ var container = _body; var clientWidth = useMinwidth ? minWidth : _document.documentElement.clientWidth; var clientHeight = _document.documentElement.clientHeight; var scale = clientWidth / designWidth; var zoom = designWidth / clientWidth; //设置body的第一个子元素节点的宽高缩放等属性完成适配初始化,container窗口将替代body成为主容器，默认允许溢出且溢出滚动 container.style.cssText+='-webkit-box-sizing:border-box;box-sizing:border-box;overflow:auto;-webkit-overflow-scrolling: touch;width:100%;-webkit-zoom:'+scale+';zoom:'+scale+';-webkit-transform-origin:left top;transform-origin:left top;height:'+clientHeight*zoom+'px;width:'+designWidth+'px;'; }; //重置视口最大宽度 var resizeWidth = function(){ //获取可视区域宽度判断屏幕宽 var clientWidth = document.documentElement.clientWidth; //判断是否使用minwidth指定的最小宽度，如果使用则在适配计算时不能使用原有的clientWidth而应该使用指定的minWidth useMinwidth = clientWidth > 750; //小于750宽的设备以设计稿宽一半显示，一般750的设计稿以375显示， 大于1000并且小于1199的以750显示 针对ipad pro， 大于750但小于1100的以640显示对应ipad ，其它超过1199的PC默认以设计稿一半显示。 minWidth = _minWidth || (useMinwidth ? (clientWidth > 1000 && clientWidth < 1199 ? 750 : ( clientWidth > 1100 ? designWidth/2 : 640 )) : designWidth/2); } //未指定设计稿宽则默认为750 designWidth = designWidth - 0 || 750; //未指定最大宽度，即PC与移动端区分的最大宽度值，默认为768 ，即ipad依然正常缩放显示，而ipad pro则视为PC maxWidth = maxWidth -0 || 0; //获取在PC或大屏下用户强制设置的最小显示宽度,若未指定则自动适配 _minWidth = minWidth - 0; if(_body){ //body加载立即执行重置 resize(); }else{ //body未加载待DOM加载完成后设置 _document.addEventListener('DOMContentLoaded', function(){ _body = _document.body; resize(); }); } //页面刷新的时候调用 _window.onload =function(){ resizeWidth(); resize(); //location.reload(true) } //窗口变化时重新检测调整适配 _window.addEventListener('resize', function(){ resizeWidth(); resize(); }); } }; return flex; }; NickFlex(window).resize(); window.NickFlex = NickFlex; }" class="topic-tag topic-tag-link"> byeYoung/adapt broadinstitute/adapt LaKraven/ADAPT antoinedemathelin/adapt secdec/adapt nvanriel/ADAPT unboundedsystems/adapt kupl/adapt noties/Adapt whc_flutter_app KevinCorcor/ADAPT-Biometric_Data_Analysis hanabix/akka-stream-netty 全部项目