页面自适应，是指页面内容自动适应屏幕大小。实现自适应的方法有多种：1、简易场景实现自适应：浮动、页面居中、设置百分比属性、自动匹配大小。这样在页面宽度发生变化时，能利用以上特性实现简易的自适应效果。2、如果实际开发中有复杂场景的需求，一般通过编写多套CSS代码，然后用媒体查询技术，让页面根据不同屏幕 ...
分类：
其他好文 时间：
2020-03-06 17:15:50
阅读次数：
66
一、 移动web开发基础总结 1、如何让一个页面适配不同的屏幕大小 如何让页面兼容不同的手机系统版本 2.移动端页面主要特征：屏幕尺寸、分辨率 屏幕尺寸，是指手机屏幕对角线的长度 3.分辨率的大小 手机分辨率表示为1980*1500，表示垂直方向有1980个像素点，水平方向有1500个像素点。 4. ...
分类：
移动开发 时间：
2020-03-06 01:15:53
阅读次数：
71
1、头文件 #include<QScreen> 2、代码 QScreen *screen = QGuiApplication::primaryScreen (); QRect screenRect = screen->availableVirtualGeometry(); resize(screen ...
分类：
其他好文 时间：
2020-02-27 09:15:13
阅读次数：
142
常见的图像优化包括压缩，使用<picture>/<img srcset>根据屏幕大小响应式为它们服务，以及调整它们的大小以降低图像解码成本。 这个HTML<picture>元素包含零或更多<source>元素与一<img>元素为不同的显示/设备方案提供图像的替代版本。 浏览器将考虑每个孩子。<sou ...
分类：
其他好文 时间：
2020-02-21 18:25:25
阅读次数：
91
什么是圣杯布局以及双飞翼布局 上图就是一个经典的圣杯布局和双飞翼布局的模型，即三列结构，左右两边定宽，中间自适应，能根据屏幕大小做响应。 实现方式 浮动(经典方式) 在介绍这种方式之前要先说一下margin设置负值的作用： 1. /`margin left`设置负值会将元素拉入对应位置 可以看到，当 ...
分类：
其他好文 时间：
2020-01-22 18:09:49
阅读次数：
60
第一种方法本地远程桌面设置打开电脑开始按钮--》输入找到“远程桌面连接”--》“显示选项”--》“显示”—》调节远程桌面显示屏幕第二种方法远程桌面工具设置屏幕比列！
分类：
其他好文 时间：
2020-01-17 17:30:08
阅读次数：
407
有时候我们会纠结PC页面在手机页面上无法正常显示，超出屏幕，有些内容看不到，现在又了下面的代码，可以做到自适应手机屏幕宽度： 在网页的<head>中增加一个meta标签： <meta name=”viewport” content=”width=device-width, initial-scale ...
分类：
移动开发 时间：
2020-01-10 00:54:53
阅读次数：
166
还原设计稿，也就是如何适配移动端繁杂的屏幕大小。 通常而言，设计师只会给出单一分辨率下的设计稿，而我们要做的，就是以这个设计稿为基准，去适配所有不同大小的移动端设备。 在此之前，有一些基础概念需要理解。 设备独立像素 以 iPhone6/7/8为例，这里我们打开 Chrome 开发者工具： 这里的 ...
分类：
移动开发 时间：
2020-01-06 19:39:56
阅读次数：
95
background属性 左右居中显示 父容器 子容器 子容器会居中显示，但右侧多余的东西要靠父容器的overflow-x:hidden隐藏。 html&css 这样可以达到图片居中显示的效果。 ...
分类：
其他好文 时间：
2019-12-31 14:19:58
阅读次数：
206
问题： echarts 树状图节点自定义图片首次加载不显示，点击一下才可以显示出来 本以为是图片预加载问题，搞了好久毫无卵用。 因为之前监听了窗口改变事件，突然发现改变屏幕大小后，图片也会显示出来。 既然再改变屏幕后可以显示，那么就让他改变！可以借此避过 树状图这个bug 解决方法： 在首次加载图表 ...
分类：
其他好文 时间：
2019-12-31 12:38:28
阅读次数：
623
