刚看到viewport的时候, 各种搜索,各种概念, 看得头大. 各种博客 / 文档看过来,整理下自己心得, 希望可以帮助需要的童鞋. (本文是自己的理解, 只对于移动端来说) 好多博客有介绍n种视口,n种像素.准确的概念我也记不住. 我只说下对dpr的理解. dpr = 设备物理像素 / 设备的逻 ...
分类:
其他好文 时间:
2017-07-12 13:44:05
阅读次数:
124
块级元素:始终占居一行 行内元素:与块级元素相反 块级元素盒子会扩展到与父元素同宽,因此块级元素会占居一行。所有块级元素的父元素都是 body,块级元素的宽度也和浏览器的视口(viewport)一样宽, 这样以来,一个块级元素旁边也就没有空间来容纳另一个块级元素了。 行内元素尽量收缩包裹其内容,因此 ...
分类:
其他好文 时间:
2017-07-11 15:59:22
阅读次数:
127
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-sca ...
分类:
其他好文 时间:
2017-07-11 11:12:55
阅读次数:
410
一. 在HTML的头部加入meta标签 在HTML的头部,也就是head标签中增加meta标签,告诉浏览器网页宽度等于设备屏幕宽度,且不进行缩放,代码如下: <meta name="viewport" content="width=device-width,user-scalable=no,init ...
分类:
移动开发 时间:
2017-07-11 00:53:50
阅读次数:
533
<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width"> <title>marqueen</title><style type="text/css"> .y ...
分类:
其他好文 时间:
2017-07-11 00:53:16
阅读次数:
204
贪吃蛇 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA ...
分类:
其他好文 时间:
2017-07-10 19:14:48
阅读次数:
179
#include <gl/glut.h> #include <gl/GLU.h> #include <gl/GL.h> #pragma comment(lib, "opengl32.lib") #pragma comment(lib, "glut32.lib") #pragma comment(li ...
分类:
其他好文 时间:
2017-07-08 13:20:23
阅读次数:
154
恢复内容开始 今天总结一下flexbox的用法 它用于受极端的响应式布局,前面涉及的css和html知识不再多说,meta标签一定记住!<meta name="viewport",content="width=device-width,initial-scale=1,minimum-scale=1, ...
分类:
移动开发 时间:
2017-07-08 12:26:33
阅读次数:
349
(function(){var iScale = 1;iScale = iScale / window.devicePixelRatio;document.write('<meta name="viewport" content="width=device-width,user-scalable=n ...
分类:
移动开发 时间:
2017-07-07 22:33:12
阅读次数:
251