mediaQuery

浏览器兼容方案总结

respond.js解决ie9以下浏览器不支持CSS3MediaQuery的问题。picturefill.js解决IE91011等浏览器不支持标签的问题浏览器CSS兼容
被遗忘的传说·2023-03-24 04:11

Flutter 知识点

获取屏幕各种尺寸获取屏幕各种尺寸主要主要使用MediaQuery.of(context)或者MediaQueryData.fromWindow(window)，MediaQuery.of(context
__Simon__·2023-03-20 13:15

媒体查询（Media Query）

媒体查询（MediaQuery）是CSS3新语法。
星Y·2023-03-19 15:32

自适应设计和响应式设计

响应式设计是采用CSS的mediaquery技术，配合流体布局（fluidgrids）和同样可以自适应的图片/视频等资源素材。以上所说，都是通过HTML和CSS就能完成的。一般来说，RWD倾向
binginto·2023-03-16 16:59

Flutter 之 Gesturedetector点击区域

代码示例：GestureDetector(onTap:()=>{},child:Container(color:Colors.transparent,height:60,width:MediaQuery.of
弘法大师·2023-03-15 00:18

Flutter开发中遇到的问题和解决方法（持续更新）

无水波纹效果2.Flutter分类网站推荐3.tabbar设置点击的背景颜色Container(color:Colors.white,child:Stack(children:[Positioned(left:MediaQuery.of
elite_kai·2023-03-14 08:43

flutter隐藏appBar,消除widget到状态栏padding

下面是效果图10B2C424-9781-40E7-B9F0-7DA887888E30.png我是采用Stack加MediaQuery.removePadding方案，下面上代码WeChatc78cd159fc652b5f46f
沉船无数·2023-03-10 07:40

移动端页面（响应式）

造一个本地服务器1.npmi-ghttp-server2.http-server-c-11.学会mediaquery移动端页面@media(max-width:800px){body{background
阿龙哟·2023-02-18 09:44

postcss-px-to-viewport

unitPrecision":3,"viewportUnit":"vw","selectorBlackList":[".ignore",".hairlines"],"minPixelValue":1,"mediaQuery
lix22·2023-02-06 12:19

手机网站项目开发注意事项

1、要响应式开发web，也就是页面必须自适应屏幕大小，可以采用流体布局，如之前的文章（自适应宽度布局），其他具体的小问题可以采用mediaquery解决（让IE支持CSS3MediaQuery实现响应式
han2019·2023-02-02 00:35

移动端页面（响应式）

mediaquery示例移动页面demo*{margin:0;padding:0;}a{text-decoration:none;}ul,ol{list-style:none;}.logo{width:
desperadokk·2023-01-31 23:17

前端优化总结

Important伪类选择器的妙用不要使用层级过深的css选择器避免float滥用css雪碧图可以使用mediaquery媒体查询，减少使用window.resize。window.resize不断
_Struggle_·2023-01-30 04:22

Flutter监听安卓系统字体变化,监听安卓系统深色模式切换

Flutter通过强大的MediaQuery控件做到监听前设备的信息及其设备信息的动态变化参考：Flutter强大的MediaQuery控件Flutter小技巧之MediaQuery和build优化你不知道的秘密
·2023-01-27 22:34

Flutter开发 - 今日遇到的问题

问题2同样是Scaffold组件里，若设置了MediaQuery相关的属性，键盘弹出时页面会闪一下，然后键盘又收起了，
shiyueZ·2023-01-27 09:00

学习响应式布局

float+定位，而不会掌握flex不能很好的使用rem作为设计单位掌握响应式布局、弹性等常见布局学习内容css中媒体查询的作用和使用方法flex弹性盒子的用法rem的作用和使用方法目录针对性内容学习内容MediaQuery
Eric加油学！·2022-12-06 20:35

Flutter Widgets MediaQuery控件屏幕信息适配

目录MediaQueryMediaQueryData使用场景根据尺寸构建不同的布局系统字体变化第三方屏幕的适配框架：设置字体不随系统字体大小进行改变APP全局总结：MediaQuery通常情况下，不会直接将
·2022-11-10 23:58

Flutter组件适配方法实现详解

目录Flutter适配组件1.MediaQuery2.LayoutBuilder3.OrientationBuilder4.Expanded和Flexible5.FractionallySizedBox6
·2022-10-31 15:20

flutter系列之:查询设备信息的利器:MediaQuery

不用怕，在flutter中为我们提供了一个叫做MediaQuery的利器，大家一起来看看吧。MediaQuery详解MediaQuery从名字上来看，它的意思是媒体查询。
·2022-09-26 15:12

什么是媒体查询？

1.什么是媒体查询媒体查询（MediaQuery）是CSS3新语法。
dream_lifes·2022-09-15 07:47

媒体查询？

媒体查询（MediaQuery）是CSS3新语法。
恁..·2022-09-15 07:42

浏览器中的一帧（重绘回流与eventloop的关系）

eventLoop在执行完microtasks后会判断document是否需要更新；判断是否有scroll和resize事件，有的话去执行；判断是否触发mediaquery事件；更新动画并发送事件；判断是否有全屏操作事件
乘风xs·2022-09-06 07:33

Flutter 小技巧之 MediaQuery 和 build 优化你不知道的秘密

今天这篇文章的目的是补全大家对于MediaQuery和对应rebuild机制的基础认知，相信本篇内容对你优化性能和调试bug会很有帮助。
恋猫de小郭·2022-06-28 10:49

媒体查询

.25xt.com/appsize2.https://www.cnblogs.com/xcxc/p/4531846.html3.http://www.runoob.com/cssref/css3-pr-mediaquery.html
_花·2022-02-19 16:25

响应式网页设计

响应式网站设计有三个关键组成部分:1.mediaquery;2.流动网格;3.灵活缩放的图片。基于RWD而设计的网站利用CSS3mediaqueries规则来自动适应不同访问设备的屏幕尺寸和显示要求。
良子明·2022-02-19 05:43

JavaScript---媒体查询(响应式)

min-width:600px){}注意点:媒体查询后面有and,那么and两端必须用空格隔开,否则无效媒体查询默认设备为all,具体项可以见http://www.runoob.com/cssref/css3-pr-mediaquery.html
AuglyXu·2022-02-17 18:26

基本布局

PC端盒子模型定高定宽display:inline-block移动Web定高，宽度百分比flex(响应式)mediaquery媒体查询(响应式)@media媒体类型and(媒体特性){css样式}媒体类型
寿司酱n·2022-02-14 13:58

响应式布局（Responsive design）

如果完成了非响应式那么我在去添加媒体查询（MediaQuery)和响应式代码
dwy_interesting·2022-02-03 00:25

什么是 bootstrap 中的 break point

使用mediaquery通过断点来构建你的CSS。媒体查询是CSS的一项功能，它允许您根据一组浏览器和操作系统参数有条件地应用样式。我们最常在媒体查询中使用min-width。
·2022-01-09 20:18

Flutter深入浅出组件篇---AppBar

3、根据环境MediaQuery的填充插入内容，以避免系统UI入侵。示
·2021-08-24 10:00

listview 包裹body时 状态栏留白问题

当用listView包裹一个body时顶部状态栏会留白不填充解决方法使用MediaQuery.removePadding'''returnMediaQuery.removePadding(removeTop
我是数据链路层·2021-07-29 15:20

Flutter Widgets 介绍合集(上)

应用只适配规整的矩形界面已不可行，如下图：消息提示栏总是不断闪出，全屏手机屏幕的圆角或者凹口屏“侵蚀”着内容，也会让应用的布局变得更复杂,这就是Flutter为什么内置了SafeArea这个widget，它使用MediaQuery
TimeHermit·2021-06-26 11:02

flutter 自定义相机预览区域 按比例显示

实现代码如下///我们的UI设计预览跟控制块占比基本是1：1varhalfDeviceHeight=(DataBase.SCREEN_HEIGHT-MediaQuery.of(context).padding.top
Andy_Sun·2021-06-26 01:30

第十二周单词表

bootstrap：引导程序theme：主题device:设备，装置；viewport:视口necessary:必要的，必须的；plugins:插件；media:媒体query:询问，mediaquery
果木山·2021-06-21 18:09

flutter 高度随着内容变化的dialog

finalappStrings=AppStrings.of(context);finalmediaQuery=MediaQuery.of(context);finalsize=mediaQuery.size
乱逃·2021-06-10 14:36

flutter适配iOS、Android的深色模式

www.jianshu.com/p/76539f98b146https://www.jianshu.com/p/7b253699dbc51、查看当前的黑暗模式状态finalBrightnessbrightnessValue=MediaQuery.of
yuanzhiying·2021-06-10 13:20

flutter-wrap实现九宫格

效果:7E78EBB9-4557-4141-A96A-5229C72826B1.png//必备工具WidgetgetBBWidget(BuildContextcontex){varScreenW=MediaQuery.of
一起去买菜·2021-06-08 22:23

IE9以下浏览器对CSS3的常用兼容处理

respond.min.js主要功能：respond.min:让不支持css3MediaQuery的浏览器包括IE6-IE8等其他浏览器支持查询。
辣瓜瓜·2021-05-20 03:19

响应式网页设计(一)

响应式网页设计(一)目录响应式网页设计(一)基本环境的建立响应式最重要的属性屏幕尺寸查询媒体查询MediaQuery基本使用小练习浏览器手机模拟常见的布局禁止显示X轴法则max-width一个小设定将网页设置成流体布局单位
hankchang·2021-05-11 02:04

响应式布局

移动端响应式布局：1.mediaquery:根据屏幕的宽度和设备的宽度设置不同的样式设置方式@mediascreenand(min-width:)and(max-width:){样式}2.设置宽度:device-widthdevice-height
Estrus丶·2021-05-06 12:20

Flutter 报错 No MediaQuery widget ancestor found.

错误代码：classappClassextendsStatelessWidget{@overrideWidgetbuild(BuildContextcontext){returnScaffold(appBar:AppBar(title:Text('处置通'),),body:Text('HelloWorld,flutter!'),);}}正确代码:classappClassextendsStatel
Qo_Tn·2021-05-06 11:49

flutter开发中一些技巧和坑点

获取设备宽高doublewidth=MediaQuery.of(context).size.width;doubleheight=MediaQuery.of(context).size.height;Android
AJI大侠·2021-04-29 10:41

Flutter 弹出输入框导致溢出

resizeToAvoidBottomInset:false,}resizeToAvoidBottomInset：如果为true，则[body]和脚手架的浮动窗口小部件应自行调整大小，以避免屏幕键盘的高度由周围的[MediaQuery
345丶·2021-03-09 12:22

[css] 过渡和动画的区别是什么？

相同：都会让你的页面元素动起来区别：过渡transition1.需要事件触发，比如hover，focus，checked,js改,@mediaquery2.一次性的3.只能定义开始和结束状态，不能定义中间状态举例
小歌谣（公众号同名）·2021-02-20 12:26

教你实现华为快应用深色主题适配

目前有两种方案：使用MediaQuery响应式布局能力，自动检测用户的设备的系统主题模式，配置不同模式下的css样式。使用device.getThemeSync，根据获取的结果选择不同
·2021-02-09 16:19

教你实现华为快应用深色主题适配

目前有两种方案：使用MediaQuery响应式布局能力，自动检测用户的设备的系统主题模式，配置不同模式下的css样式。使用device.getThemeSync，根据获取的结果选择不同
·2021-02-09 16:33

响应式布局

1.响应式布局——媒体查询（mediaquery）1）定义：同一页面在不同屏幕尺寸下有不同的布局。
程序媛乔小乔·2021-02-09 01:55

JS+CSS自适应屏幕

布局适配方式MediaQuery（媒体查询）：现在比较主流的适配方案，可根据视口不同编写不同样式达到适应效果，比如框架Bootstrap，它能完成大部分项目需求，但是编写过于复杂。
·2021-02-08 20:29

JS+CSS自适应屏幕

布局适配方式MediaQuery（媒体查询）：现在比较主流的适配方案，可根据视口不同编写不同样式达到适应效果，比如框架Bootstrap，它能完成大部分项目需求，但是编写过于复杂。
·2021-02-07 19:11

flutter dialog中软键盘遮挡解决冲突

在dialog中代码软键盘冲突的解决方案;主要价格这行代码:padding:EdgeInsets.only(bottom:MediaQuery.of(context).viewInsets.bottom
敲代码的小强·2021-01-01 21:52

我的前端自学之路2020/12/31 rem适配布局

媒体查询：媒体查询（mediaquery）使用@media查询，可以
gh100330·2020-12-31 17:36
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他