1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7 <t ...
分类:
Web程序 时间:
2020-07-05 00:25:37
阅读次数:
103
视觉格式化模型css的一种机制,它规定了页面中的多个盒子如何布局 视口(viewport)可视窗口,通常指浏览器的可视区域 包含块(containing block)元素摆放的区域通常情况下,元素的包含块是它父元素的内容盒html:根包含块:初始化包含块 定位体系1、常规流(normal flow) ...
分类:
其他好文 时间:
2020-07-04 01:31:34
阅读次数:
63
方案一: <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" /> 注释掉vue中public文件夹里面的meta标签 方案二: 在styl ...
分类:
移动开发 时间:
2020-07-03 23:45:16
阅读次数:
105
移动端浏览器主要针对webkit内核进行兼容 视口 viewport 浏览器显示页面内容的屏幕区域。可分为 布局视口、视觉视口、理想视口。 布局视口 layout viewport iOS、Android将这个布局视口分辨率一般设置为980px 视觉视口 visual viewport 用户正在看到 ...
分类:
移动开发 时间:
2020-07-03 19:52:41
阅读次数:
75
rem自适应 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <script> var deviceWidth = window.inner ...
分类:
移动开发 时间:
2020-07-03 19:15:14
阅读次数:
92
动态规划之青蛙跳台阶 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <titl ...
分类:
编程语言 时间:
2020-07-02 19:58:29
阅读次数:
122
tab.html:主要控制tab切换的: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-sc ...
分类:
移动开发 时间:
2020-07-02 16:50:25
阅读次数:
134
鼠标经过,行变色;鼠标离开,行恢复。 实现效果 代码如下 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-widt ...
分类:
编程语言 时间:
2020-07-02 09:28:56
阅读次数:
46
CSS 中文开发手册 用户变焦 | @viewport.user-zoom (Device Adaptation) - CSS 中文开发手册 user-zoom CSS描述符控制用户是否能够改变由@viewport所定义的文档的缩放因子。 /* Keyword values */user-zoom:... ...
分类:
Web程序 时间:
2020-07-02 00:25:22
阅读次数:
81
CSS 中文开发手册 最小高度 | @viewport.min-height (Device Adaptation) - CSS 中文开发手册 min-heightCSS描述符指定通过@viewport的at-rule定义的一个文件视区的最小高度。 考虑到最小高度限制,最初将高度设置为尽可能接近初始... ...
分类:
Web程序 时间:
2020-07-01 22:27:17
阅读次数:
72