MediaQuery

Flutter showModalBottomSheet键盘遮挡

showModalBottomSheet(isScrollControlled:true,builder:(BuildContextcontext){//构建弹框中的内容returnAnimatedPadding(padding:MediaQuery.o
一只哈哈·2023-09-08 05:43

使用rem + sass + 媒体查询 进行横竖屏适配移动端项目

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录一、媒体查询（MediaQuery）1.简单了解2.简单例子3.语法（1）媒体类型（mediatype）（2）关键字（3）媒体特性
前端张三·2023-09-03 01:31

前端监听屏幕宽度尺寸变化（vue2）

mediaQuery//存储媒体对象，对象中包含matches字段，为布尔值，匹配到为true，未匹配到为false;checkMatchMedia函数用来在监听到事件时处理相关逻辑data(){return
吉吉安·2023-08-31 09:32

Flutter调优--深入探究MediaQuery引起界面Rebuild的原因及解决办法 | 京东云技术团队

前言我们可以通过MediaQuery.of(context)方法获取到一些设备和系统的相关信息，比如状态栏的高度、当前是否是黑暗模式等等，使用起来相当方便，但是也要注意可能引起的页面rebuild问题。
·2023-08-27 15:47

flutter开发实战-获取屏幕显示大小及物理像素分辨率

flutter开发实战-获取屏幕显示大小及物理像素分辨率在开发过程中，经常遇到需要获取屏幕显示的大小及物理像素分辨率，这里会用到MediaQuery，MediaQuery必须依赖BuildContext
BruceGwo·2023-08-26 14:57

利用CSS实现轮播图效果和媒体查询技术

部分显示效果展示二，媒体查询技术什么是媒体查询如何使用媒体类型媒体功能利用媒体查询完成响应式布局遇到的问题：解决方法一，轮播图HTML部分显示CSS部分显示效果展示二，媒体查询技术什么是媒体查询媒体查询（MediaQuery
.昭阳.·2023-08-21 08:10

rem布局、响应式布局基础知识

基础1、em单位是相对于父元素的字体大小来说的2、rem单位是相对于html元素字体大小来说的3、rem的优点就是可以通过修改html里面的文字大小来改变页面中元素的大小可以实现整体控制二、媒体查询（MediaQuery
MoYuP_ENG·2023-08-16 18:42

Flutter中ListView顶部有空白

ListView头部有一段空白区域，是因为当ListView没有和AppBar一起使用时，头部会有一个padding，为了去掉padding，可以使用MediaQuery.removePadding包裹这个
史蒂芬-周·2023-08-13 08:59

flutter中listview移除padding

MediaQuery.removePadding(removeTop:true,//移除头部padding，使listview沉浸context:context,child:NotificationListener
feigedon·2023-08-13 08:29

Flutter 中 showTimePicker 设置 24H

awaitshowTimePicker(context:context,initialTime:TimeOfDay.now(),builder:(context,child){returnMediaQuery(data:MediaQuery.of
1 1=1·2023-08-08 00:38

Flutter运行在iOS手机上ListView顶部出现空白间隔

ListView头部有一段空白区域，是因为当ListView没有和AppBar一起使用时，头部会有一个padding，为了去掉padding，可以使用MediaQuery.removePaddingWidget_listView
__素颜__·2023-08-05 15:45

flutter UI适配

在lib文件夹下添加一个util.dart文件，在文件中写入如下代码：///px转化为rpxdoubletoRpx(BuildContextcontext,doublesize){doublerpx=MediaQuery.of
毛小兔的头发还在吗·2023-08-04 07:12

Flutter之实现顶部导航栏颜色渐变

首先看效果一、用到的组件及作用Stack（实现堆叠效果）、MediaQuery（移除状态栏顶部内填充）、NotificationListener（监听滑动）、Opacity（透明度渐变控件）二、实现1、
wanxiaofan·2023-08-01 16:43

Flutter 手势密码控件

例子设置密码例子imageGestureView(immediatelyClear:true,size:MediaQuery.of(context).size.width,onPanUp:(Listitems
mochixuan·2023-07-30 01:13

4.3 Bootstrap CSS编码规范

文章目录BootstrapCSS编码规范语法声明顺序不要使用@import媒体查询（Mediaquery）的位置带前缀的属性单行规则声明简写形式的属性声明Less和Sass中的嵌套注释class命名选择器代码组织编辑器配置
梁辰兴·2023-07-28 05:14

css - Media Query

可以通过mediaquery来提高网页移动响应能力。
李亚有鸭梨·2023-07-26 15:17

移动端适配

移动端适配的技术方案1.通过媒体查询的方式即css3的meidaqueries2.以天猫首页为代表的flex弹性布局3.以淘宝首页为代表的rem+viewport缩放4.rem方式MediaQueries优点：mediaquery
微胖界的胖子吖·2023-07-22 08:34

postcss-plugin-px2rem 移动端适配原理

postcss-loaderconstpx2rem=require("postcss-plugin-px2rem");constpx2remOpts={rootValue:100,exclude:/(node_module)/,mediaQuery
跑跑快跑·2023-07-20 22:49

flutter界面布局-以及Tabbar的封装

在讲布局之前先说说获取屏幕宽高的方法:finalsize=MediaQuery.of(context).size;finalwidth=size.width;finalheight=size.height
zhoushujian·2023-07-16 10:13

解决Flutter中，dialog里边，键盘遮挡TextField的问题

关于_verticalOffset这个变量，可以通过键盘弹出时候的偏移来计算_verticalOffset=-MediaQuery
陈晓青_57a8·2023-07-14 11:50

Flutter中 MediaQuery 和 build 优化你不知道的秘密

Flutter中MediaQuery和build优化你不知道的秘密Flutter是一个快速发展的跨平台移动应用开发框架，它提供了许多强大的工具来创建高性能的应用程序。
过分的规定·2023-06-22 08:57

Flutter 自定义按钮

WidgetbuildLoginButtonWidget(){returnContainer(margin:EdgeInsets.only(top:40,left:16,right:16),width:MediaQuery.of
赵哥窟·2023-06-20 12:14

SAP UI5 里响应式表格的 minScreenWidth 属性讲解

包含很多列的大表格根本不适合较小的屏幕，并且没有简单的方法使用CSS和MediaQuery重新格式化表格内容，以获得可接受的视觉显示。
·2023-06-19 19:35

HTML&CSS Day09 CSS媒体查询

媒体特性）{你的样式}-媒体类型-媒体属性-最大宽度max-width-最小宽度min-width-多个媒体特性使用-设备屏幕的输出宽度DeviceWidth-逗号分隔列表-not关键词-only关键词-在MediaQuery
~black-·2023-06-18 15:23

Flutter如何获取屏幕的分辨率和实际画布的分辨率

Flutter如何获取分辨率在Flutter中，你可以使用MediaQuery来获取屏幕的分辨率和实际画布的分辨率。
江上清风山间明月·2023-06-16 17:15

Flutter调优--深入探究MediaQuery引起界面Rebuild的原因及解决办法 | 京东云技术团队

前言我们可以通过MediaQuery.of(context)方法获取到一些设备和系统的相关信息，比如状态栏的高度、当前是否是黑暗模式等等，使用起来相当方便，但是也要注意可能引起的页面rebuild问题。
京东云技术团队·2023-06-07 09:42

Flutter调优--深入探究MediaQuery引起界面Rebuild的原因及解决办法 | 京东云技术团队

前言我们可以通过MediaQuery.of(context)方法获取到一些设备和系统的相关信息，比如状态栏的高度、当前是否是黑暗模式等等，使用起来相当方便，但是也要注意可能引起的页面rebuild问题。
·2023-06-06 21:40

CSS新手向的知识点<三>

关于移动端页面通常来讲做移动端页面适配一般有三种方式前端方向:移动页面响应式,用媒体查询(mediaquery).针对不同分辨率设备进行不同页面的适配做一个简单的nav做一个响应式布局:代码展示缺点:当页面复杂时
Nelson_sylar·2023-04-15 04:20

响应式开发

CSS3-MediaQuery（媒体查询），推荐使用，最简单借助原生javascript，不推荐使用，成本太高第三方开源框架，如：bootstrap是一个响应式布局应用的框架响应式设计的原则移动优先：在设计初期就要考虑页面在多终端上展示
李华炎·2023-04-11 20:28

iOS 访问本地音频

访问MediaLibrary官方文档访问iPodLibrary的方法有两种，分别是MediaPicker和MediaQuery。Paste_Image.pngMediaPickerM
不简单的风度·2023-04-06 00:45

数据传递/状态管理 一InheritedWidget

数据传递/状态管理一InheritedWidgetInheritedWidget是一个特殊的widget，可以存储和获取数据，子组件可以获取到存储的数据，常用的MediaQuery、Theme就是继承了
烫烫琨烫烫烫烫琨烫烫·2023-04-04 17:36

Flutter 94: 初识 MediaQuery

当我们同时为手机和平板适配编写app针对不同屏幕尺寸进行UI布局或当用户偏好设置较大字号或是想要最大限度等减少动画等；此时就需要MediaQuery来帮我们获取所用设备的信息以及用户设置的偏好信息；MediaQueryMediaQuery
阿策神奇·2023-04-03 14:42

Flutter-ListView顶部留白

EdgeInsets.zero,itemCount:...,itemBuilder:...,);方法二：后来发现，listview不和appbar一起使用时，会有一个默认的padding想要去掉这个padding，在外层使用MediaQuery
摩羯座程序媛·2023-04-01 08:23

Flutter showModalBottomSheet被软键盘遮挡

2.设置AnimatedPadding(padding:MediaQuery.of(context).viewInsets,duration:constDuration(
旺仔_100·2023-03-29 02:05

Flutter-语法总结

Flutter-语法总结获取屏幕宽高：import'dart:ui';//手机屏幕的大小(逻辑分辨率)finalwidth=MediaQuery.of(context).size.width;finalheight
AngeloD·2023-03-25 19:07

CSS3 媒体查询

1.什么是媒体查询CSS3媒体查询（MediaQuery）语法的特性：①使用@media查询，可以针对不同的媒体类型定义不同的样式；②@media可以针对不同的屏幕尺寸设置不同的样式；③当你重置浏览器大小的过程中
普通网友·2023-03-25 14:47

响应式网页开发

CSS3-MediaQuery（媒体查询），推荐使用，最简单借助原生javascript，不推荐使用，成本太高第三方开源框架，如：bootstrap是一个响应式布局应用的框架响应式设计的原则移动优先：在设计初期就要考虑页面在多终端上展示
李华炎·2023-03-24 14:46

浏览器兼容方案总结

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
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他