MediaQuery

Sass Mixin 和 Media Merging

在向你解释什么是MediaMerging之前，你应该了解MediaQuery(媒体查询)的css规范是否允许嵌套媒体查询。
商领云·2020-06-28 07:41

2、Flutter Tips - MediaQuery;

MediaQuery  MediaQuery可以建立媒体查询解析给定的子树。  
weixin_33859504·2020-06-28 06:44

Html5响应式布局——Media Query

使用MediaQuery(媒介查询)来实现响应式布局。
hello青峰·2020-06-28 03:38

Bootstrap的导航条在ie8下自动折叠

Bootstrap的导航条在ie8下会自动折叠，就像手机访问一样，因为ie8不支持媒体查询（Mediaquery)，所以无法通过媒体查询得到当前屏幕宽度，只需要将这几个文件放在本地，不用cdn就好了。
coreki·2020-06-28 02:31

layui-table单元格设置为百分比在ie8下不能自适应的解决方案

important;}2.如果采用了响应式布局,使用mediaquery查询不同分辨率下的table宽度，然后指定大小即可，在ie8下支持css3和响应式可以使用selectivizr-min.js和respond.js
violectyc·2020-06-27 11:29

Flutter 自定义Dialog

classMyDialogextendsDialog{MyDialog({Keykey,}):super(key:key);@overrideWidgetbuild(BuildContextcontext){doublescreenWidth=MediaQuery.of
ulddfhv·2020-06-27 10:13

flutter 获取屏幕宽度高度 通知栏高度等屏幕信息

MediaQueryMediaQuery.of(context)包含了一些屏幕的属性：size：一个包含宽度和高度的对象，单位是dpprint(MediaQuery.of(context).size);
__卓原·2020-06-27 00:54

flutter Material示例与MediaQuery.of(context) called with a context that does not contain a MediaQuery.

报错：flutterMediaQuery.of(context)calledwithacontextthatdoesnotcontainaMediaQuery.原因：Scaffold必须放在MaterialApp里面，否则会报错正确示例：import'package:flutter/material.dart';main()=>runApp(MyApp());//MaterialApp：将根布局换
Mars-xq·2020-06-26 11:32

根据屏幕大小，加载不同大小的图片

引言今天要介绍的东西，很简单，但是对于前端响应式的时候是个很重要的知识；我们在用bootstrap这类前端框架时，虽然页面局部通过mediaquery实现了，页面始终无滚动条，响应式页面。
webCoder·2020-06-26 08:27

flutter MediaQuery获取屏幕宽度高度密度通知栏高度等屏幕信息

MediaQuery是建立媒体查询解析给定数据的子树。
马志武·2020-06-26 06:31

css的mediaquery查询几种不生效的原因

今天上午搞了半个小时，在webstrom中修改了css样式，用chrom浏览器浏览不生效，在网上查了半天，看是不是webstrom的有写保护，或者chorm浏览器不支持，最后发现少and后面少了一个空格导致cssmediaquery查询不生效，即使在chrom中的network中css样式文件已经被加载了。@mediascreenand不起作用原因汇总。首先确认是不是css本身的问题，而不是媒体查
qq_37558379·2020-06-25 12:37

flutter listView取消顶部空白

ListView头部有一段空白区域，是因为当ListView没有和AppBar一起使用时，头部会有一个padding，为了去掉padding，可以使用MediaQuery.removePadding:Widget_rubbishList
Amoour·2020-06-25 10:53

响应式布局实现方法

2，实现响应式布局的三种方式1.CSS3-MediaQuery（最简单的方式，但是无法满足很多需求）2.借助原生Javascript（成本高，不推荐使用）3.第三方开源框架（比如bootstrap,可以很好的支持浏览器的响应式布局
有只猫七·2020-06-25 08:26

Flutter中遇到的坑

ListView.builder不在Scaffold布局下，四周会有部分空白MediaQuery.removePadding(child:ListView.builder(itemBuilder:(BuildContextbuil
poorSir·2020-06-25 05:50

flutter MediaQuery.of(context) called with a context that does not contain a MediaQuery.

一，widget外面不包含材料设计库的widget，材料设计库里面的widget有MediaQuery二，层次性的会处于上面的东西会报这种错，比如说floatingactionbutton就是在其他层级上面的
null_null999·2020-06-24 17:36

1px解决方案

1.用小数来写px值IOS8下已经支持带小数的px值,mediaquery对应devicePixelRatio有个查询值-webkit-min-device-pixel-ratio,css可以写成这样.
C_razy·2020-06-24 11:19

用3个步骤实现响应式网页设计

我们可以利用CSS3的MediaQuery来实现。本文主要介绍了移动开发和CSS3结合，来进行多种分辨率适配的例子。
iteye_10992·2020-06-23 18:32

CSS3特性查询（Feature Query: @supports）功能简介

我们已经知道使用媒体查询（MediaQuery）来检测屏幕尺寸，从而实现响应式界面设计。
陈小峰_iefreer·2020-06-23 17:43

MediaQuery.of() called with a context that does not contain a MediaQuery.

今天用Flutter中MediaQuery在获取屏幕的宽高的时候一直报错，报错信息如下：MediaQuery.of()calledwithacontextthatdoesnotcontainaMediaQuery
木易CC·2020-06-23 08:22

flutter 报错之 No MediaQuery widget found.

这里通过一个HelloWorldapp来展示如何创建一个Widget并展示出来，并区分Material和非Material环境。hello_word.dart里的代码如下：MaterialAppclassHelloWorld{staticWidgethelloWorld(){returnnewMaterialApp(title:'HelloWorld',theme:newThemeData(pri
cumtqt·2020-06-23 01:05

Flutter之MediaQuery

通过本篇博文可以知道：1、MediaQuery的初始化时机2、MediaQuery的作用MediaQuery从源码上看是一个简单不过的Widget：classMediaQueryextendsInheritedWidget
chunqiuwei·2020-06-22 23:54

IE 9 以下版本使用respond.js实现响应式原理

需要理解respond.js的实现思路：第一步，将head中所有外部引入的CSS文件路径取出来存储到一个数组当中；第二步，遍历数组，并一个个发送AJAX请求；第三步，AJAX回调后，分析response中的mediaquery
panw3i·2020-06-21 23:47

Flutter 获取状态栏高度、appBar高度 和 手机屏幕宽高

.获取状态栏高度1.第一种，注意：这里需要导入'dart:ui'包import'dart:ui';MediaQueryData.fromWindow(window).padding.top2.第二种，MediaQuery.of
技术的搬运工·2020-06-21 22:25

Flutter 运行报错:MediaQuery.of() called with a context that does not contain a MediaQuery

LoginPage()是写好的用户登录界面，但是想让界面跑起来需要runApp()，需要再写个MyApp()里面使用MaterialApp（）包裹写好的界面voidmain(){runApp(MyApp());}classMyAppextendsStatelessWidget{@overrideWidgetbuild(BuildContextcontext){returnMaterialApp(d
timtian008·2020-06-21 08:18

Flutter中常用的列表组件

如果想去掉widget默认的padding，需要用MediaQuery.removePadding包裹MediaQuery.removePadding(context:context,removeTop
厚德.·2020-06-21 06:09

Flutter 获取屏幕ppi 和 LP/mm（每毫米逻辑像素的数量）

先装一下这个包：dependencies:device_ext_info:^0.0.2然后封装了一个函数Future_getPPI(BuildContextcontext)async{finalwidth=MediaQuery.of
方鑫Fancx·2020-06-09 17:50

rem-媒体查询-less基础

em是父元素字体大小rem的是相对于html元素的字体大小比如,根元素html设置font-size=12px,非根元素设置width:2rem;则width表示24px2.媒体查询2.1什么是媒体查询MediaQuery
思无邪。·2020-06-09 11:25

Flutter Web网站之Jetpack成型

主要用到了MediaQuery来动态获取屏幕的宽度，来动态适配UI。本期内容好消息，我申请的域名jetpack.net.cn已经下来了，这次的目标就是让网站正式成型，完善网站的内容。
i校长·2020-04-19 23:44

CSS3之media query

现在响应式设计应该是码农标配了，今天就学习学习响应式的重量级大杀器--mediaquery语法media_query_list:[,]*media_query:[[only|not]?
MrKai平凡之路·2020-04-12 22:22

响应式布局

1.css中的MediaQuery(媒介查询)：设备宽高：device-width,device-height渲染窗口的宽高：width，height设备的手持方向：orientation设备的分辨率：
机器猫的百宝袋·2020-04-12 20:25

响应式布局学习

一、响应式网页一个页面，可以根据浏览设备的不同，以及特性的不同，而自动改变布局、大小等响应式网页的三个特征1）流式网格布局(fluid)2）可伸缩的图片和字体3）CSS3MediaQuery-根据客户端浏览设备的特性
我是渐渐呀·2020-04-11 10:13

移动端自适应处理--css3 @media

http://www.w3schools.com/cssref/css3_pr_mediaquery.asphttp://www.w3cplus.com/content/css3-media-queriesThe
stone_yao·2020-04-09 06:42

移动web开发（四）——响应式开发

1.什么是响应式开发就是：一个网站就够兼容到多个终端2.响应式开发的原理2.1检测方法：1.css3中的MediaQuery（媒介查询)2.js检测通过查询screen的宽度来指定某个宽度区间的网页布局
believedream·2020-04-08 15:27

《css揭秘》读书笔记（一）

在线代码代码量少不一定易维护使用继承会使依赖关系的表达更好a{color:inherit;}响应式网站的设计响应式网站常见的是用多分辨率来测试一个网站，然后添加越来越多的媒体查询（MediaQuery）
枸杞辣条·2020-03-31 02:03

Flutter 强大的MediaQuery控件

注意：无特殊说明，Flutter版本及Dart版本如下：Flutter版本：1.12.13+hotfix.5Dart版本：2.7.0MediaQuery通常情况下，不会直接将MediaQuery当作一个控件
老孟程序员·2020-03-30 20:00

Flutter 强大的MediaQuery控件

注意：无特殊说明，Flutter版本及Dart版本如下：Flutter版本：1.12.13+hotfix.5Dart版本：2.7.0MediaQuery通常情况下，不会直接将MediaQuery当作一个控件
meng5619·2020-03-30 20:00

Flutter 强大的MediaQuery控件

注意：无特殊说明，Flutter版本及Dart版本如下：Flutter版本：1.12.13+hotfix.5Dart版本：2.7.0MediaQuery通常情况下，不会直接将MediaQuery当作一个控件
mengqingdon·2020-03-30 20:44

css笔记13/完整移动端适配课堂语录

移动端开发学会mediaquery学会要设计图（没图不做）实在要做也行，丑可别怪我学会隐藏元素手机端要加一个meta//meta:vp//如果css样式是专门针对手机端做的,就加这个标签不让页面按照980
joker731·2020-03-29 17:50

响应式网页

响应式网页的特征：1）流式网格布局2）可伸缩的图片和字体3）CSS3MediaQuery优缺点优点：可以自动适配PC/PAD/PHONE浏览器屏幕缺点：代码变复杂，需要考虑更多的兼容性，并不适合内容非常多的网页响应式网页测试真实物理设备优点
lililifeng·2020-03-27 23:17

动态REM

响应式1.meta:vp阻止缩放2.尽量不要写width/height，改用max/min不要把宽高写死，使用最小宽度和最大高度3.flex布局尽量使用flex布局4.mediaquery尽量使用媒体查询
阿鲁提尔·2020-03-26 11:41

移动端适配——REM布局学习总结

移动端适配中，我所了解的两种解决方案MediaQuery（由于比较繁琐，我在开发中已经使用很少了）：：为不同宽度的屏幕写不同的样式，让用户使用不同设备访问同一个网站的时候，都能够得到更好的UI、UE体验
XFE_Peter·2020-03-24 05:00

响应式与自适应

然后说说响应式或则自适应的实现方式呗：px就是走mediaquery，em，rem。
我家的猫子在哪里·2020-03-24 02:16

移动h5自适应布局

段落文字，使用px单位，用mediaquery或js来适配。标题文字可以直接使用rem单位。问题三，设备像素比例DPR适配：1物理像素在显示效果不合需求。要根据devicePixelRatio来修改
高阳刘·2020-03-23 18:55

极简响应式媒体查询

认识MediaQuery媒体查询作为网页响应式布局的一种方式，可以针对不同媒体类型定制不同的样式规则。所谓的媒体类型，包括PC、平板、手机、打印机、电视、屏幕阅读器等。
犯迷糊的小羊·2020-03-15 00:53

H5-2.16响应式布局与bootstrap框架

一、响应式网页一个页面，可以根据浏览设备的不同，以及特性的不同，而自动改变布局、大小等响应式网页的三个特征1）流式网格布局(fluid)2）可伸缩的图片和字体3）CSS3MediaQuery-根据客户端浏览设备的特性
冬天不爱洗头·2020-03-09 05:21

5、手机端页面的做法

mediaquery（就和if差不多感觉）@media(max-width:800px){body{background:red}}//如果浏览器满足800那个条件，就变红色背景如果不同范围对应不同颜色
Lichee_3be1·2020-03-08 05:51

响应式设计的性能优化

2010年，EthanMarcotte提出了「响应式网页设计」（ResponsiveWebDesign），通过MediaQuery和FluidLayout判断屏幕宽度，自行调整布局.一般，在页面头部加入
阿树·2020-03-07 21:51

响应式布局

这个概念是为了解决移动互联网浏览而诞生的CSS3中的MediaQuery（媒体查询）mediaquery可以获取设备的宽和高device-width，device-height显示屏幕/触觉设备。
刘圣凯·2020-03-03 11:36

bootstrap3 媒体查询 栅格参数

媒体查询在栅格系统中，我们在Less文件中使用以下媒体查询（mediaquery）来创建关键的分界点阈值。
余带盐·2020-03-01 21:42

手机端布局之rem+less+媒体查询

媒体查询（MediaQuery）是CSS3新语法。
weixin_42440322·2020-02-29 21:43
上一页 2 3 4 5 6 7 8 9 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他