MediaQuery

从MediaQuery看InheritedWidget的用法

继承InheriedWidgetclassMediaQueryextendsInheritedWidget{包含一个需要共享的变量，这里为data！！坑点来了这里必须还有一个child字段，必传，但这还不是最关键的，最关键的是super也需要把这个字段带上哪些widget需要共享数据，就放到child下面constMediaQuery({Keykey,@requiredthis.data,@req
2远·2019-04-24 09:57

Flutter中Row中不能直接使用textfield控件

解决方案classLogingUiextendsStatelessWidget{@overrideWidgetbuild(BuildContextcontext){varsize=MediaQuery.of
木易CC·2019-04-13 16:31

Flutter中获取屏幕及Widget的宽高示例代码

MediaQuery一般情况下，我们会使用如下方式去获取widget的宽高：finalsize=MediaQuery.of(context).size;finalwidth=size.width;finalheight
刘斯龙·2019-03-10 16:07

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

MediaQuery.of(context)包含了一些屏幕的属性：size：一个包含宽度和高度的对象，单位是dpprint(MediaQuery.of(context).size);devicePixelRatio
油焖茄子·2019-03-06 16:39

HTML 禁用手机端页面缩放

标签简单粗暴,或者可以设置user-scalable=no另外适配手机屏幕可以通过media对分辨率做判断处理附上菜鸟教程里的一段儿内容http://www.runoob.com/cssref/css3-pr-mediaquery.html
开发应以大橘为重·2019-03-06 13:09

React第四天

移动端适配1.百分比2.em和rem3.vw/vh4.媒体查询mediaquery5.flex布局（新版，旧版）http://css.doyoe.com/https://www.html.cn/archives
沉默成本·2019-02-19 08:08

CSS深入浅出-移动端页面(响应式)

本博客主要讲移动端页面(响应式)的注意点"mediaquery"媒体查询媒体查询是对你的媒体进行某些条件的查询格式：里直接写@media(查询条件){//当满足查询条件后的样式//例如：body{background
酒极子·2019-01-17 15:12

Flutter学习之布局

copy图片到此文件夹2.在assets中声明此图片assets:-images/icon.jpg3.使用newImage.asset('images/bg.jpg',height:400.0,width:MediaQuery.of
Herbert布衣·2018-12-29 10:37

响应式布局

，效率低下代码累赘，会出现隐藏无用的元素，加载时间加长多方面因素影响而达不到最佳效果，一定程度上改变了网站原有的布局结构，会出现用户混淆的情况说到响应式设计，离不开媒体查询mediaCSS3的新增内容MediaQuery
G_Owen·2018-12-10 14:00

html5、媒体查询media query兼容ie低版本浏览器(ie8及其以下)

方法一：以下代码是一段注释，但是IE8及其以下的早期版本会读取它（国内cdn）上面的兼容脚本本人测试了header、nav标签；video标签测试需要右边脚本引入：Respond.js让不支持CSS3MediaQuery
娑婆訶·2018-12-10 14:29

Web全栈工程师需学习的东西

基本知识点前端框架，例如Angular后端框架，例如express.jsWeb应用(M+E+A+N)M:MongoDB,E:express.js,A:Angular,N:Node.js2响应式网页布局Flex,mediaquery
2222345345·2018-12-01 10:01

SASS预处理语言总结

大型项目复杂的css文件和模块不太好维护2.写多套css麻烦(比如皮肤切换的功能,利用sass可以使用变量和函数写一套就行)问:为什么使用sass:使用变量函数自动装换rgba颜色值忘记浏览器前缀嵌套规则mediaquery
白菜喵·2018-11-07 01:23

CSS3 媒体特性与Responsive设计属性

使用CSS3中的MediaQuery模块来让一个页面适应不同的终端（或屏幕尺寸），从而让页面有一个
wx5b83bfb2a52d1·2018-10-08 14:38

解决ie8及低版本浏览器不支持html5标签属性

html5新标签、、兼容性-经验小结，处理方案IE支持：IE8或更早的版本不支持HTML5的标签和媒介查询（MediaQuery）。
草巾冒小子·2018-08-29 16:17

rem、em的区别与使用方式

,屏幕尺寸发生变化时只需要更改html/body基数即可,不需要再重新给每个标签写不同的font-size1.使用rem为单位,系统处理时(将rem转化为px)只会看html的font-size在使用mediaquery
乄南风·2018-08-23 15:57

移动端开发单位——rem，动态使用

2、常见的移动web适配方法：定高，宽度百分比flex布局MediaQuery(媒体查询)(1)、MediaQuery（媒体查询）@media媒体
Miss_Ye·2018-08-14 00:00

Flutter相关函数记录

复制到剪切板(包：package:flutter/services.dart)Clipboard.setData(newClipboardData(text:text));获取屏幕宽度、高度和状态栏高度MediaQuery.of
a1540077373·2018-06-20 10:42

Rem实现移动端适配

页面跑在手机端（h5页面）跨平台基于webview（）基于webkit常见适配方法pc端采用display：inline-block，让div盒子横着排移动web：采用定高，宽度百分比，flex弹性布局，meDIAQUERY
美美王子·2018-05-15 18:59

美团准备

开发基于react的news移动端webapp，采用CSS3的MediaQuery，以rem这种相对字体大小单位作为宽度单位，适配不同分辨率的设备，如iPhone5S、iPhone6、iPhone6S，
Observer_____·2018-04-29 14:53

BootStrap小结

.简介Bootstrap基于HTML,CSS,JAVASCRIPT的前端框架，预定义一套CSS样式和对应的jquery代码，最大的特点是采用响应式布局(兼容多个终端)，是因为他采用了媒体查询（css3MediaQuery
kaka·2018-04-19 00:00

响应式布局与Bootstrap

响应式布局的介绍什么是响应式布局响应式布局的优缺点响应式布局设计原则实现方法介绍CSS3-MediaQuery简单案例Bootstrap的介绍bootstrap的基本介绍（bootstrap.com）响应式布局的介绍什么是响应式布局让一个网站兼容不同分辨率的设备
Dorui·2018-03-06 01:55

移动web开发———第三天

2、响应式开发的原理CSS3中的MediaQuery（媒介查询，and之后一定要加空格@mediascreenand(min-width:768px)and(max-width:992px){};通过查询
我是小谷粒·2018-02-05 10:58

【01期】网页打印样式CSS的技巧和要点

我们WEB开发人员可以简单采用几个要点来使之达到较为合适的效果：媒体查询（mediaquery）打印颜色清晰明了隐藏不相关内容打印边距设置打印不被跨页添加分页符图片和列表设置细节小问题针对打印的样式，而不是屏幕显示样式
田小兔_·2018-02-04 00:40

总结篇（一） -- 基础知识

使用MediaQuery（媒体查询）模块通过媒体查询，从而判断采用的样式主要是有两种方式：元素中的媒体查询这个标签表示只有width在800px-1400px时才采用style.css这个样式表样式表中的媒体查询在样式表中书写媒体查询
bowen_wu·2018-01-30 00:09

作为前端开发，需要具备怎样的能力？

基本js语言没有问题，scope,closure基本的css，position,verticalalign,mediaquery基本的算法和数据结构，例如array,hashtable,basictree
happywind·2017-12-03 03:58

响应式布局 媒体查询

媒体查询（mediaquery）是获取用户行为和设备环境、然后提供相应的css规则的过程的简称。媒体查询让css可以更精确作用于不同的媒体类型和同一媒体的不同条件。CSS语法@mediam
weixin_30765319·2017-10-18 13:00

笔记:Bootstrap总结1

响应式网页的三个特征：(1)流式布局(2)可伸缩的图片和字体(3)CSS3MediaQuery编写响应式网页(1)设置viewport元标签(2)避免使用绝对单位(px)，用相对单位代替(%、auto、
RachelPlus·2017-09-13 11:17

实现响应式布局的方式-CSS3实现

如何实现响应式布局：1.css3-MediaQuery//最简单的方式2.原生JavaScript//成本高不建议使用3.第三方开源框架//可以很好的支持浏览器响应式布局的设计一、css3-MediaQuery
lettle_redhat·2017-08-04 16:47

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

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

sass安装和sass基础知识

http://www.imooc.com/code/59932.有哪些css预处理器语言流行的有三种：sasslessstylus3.为什么用sass使用变量自动转换rgba颜色值忘记浏览器前缀嵌套规则mediaquery
椰果粒·2017-07-25 16:44

响应式布局

Responsive）：涵盖了自适应布局，即既适应不同大小的设备，内容也随着窗口大小而自动适配实现允许网页宽度自动调整少使用绝对宽度px，使用%使用相对字体大小em,rem引入css文件选择加载CSS，CSS3引入的MediaQuery
莫可可小姐d远方·2017-06-21 22:34

html5shiv.js和respond.min.js

respond.min:让不支持css3MediaQuery的浏览器包括IE6-IE8等其他浏览器支持查询。
刘元兴·2017-05-18 16:35

学习使用Bootstrap栅格系统

移动设备优先就是说起初样式是在移动设备写的，然后写到sm尺寸的时候样式得改变了，于是就加mediascreenmax-width>=768，再写sm的样式，这样尺寸递进就完成了所有的媒体查询，由于不加mediaquery
Cynthia_ying·2017-05-11 10:26

Bootstrap之栅格系统

移动设备优先就是说起初样式是在移动设备写的，然后写到sm尺寸的时候样式得改变了，于是就加mediascreenmax-width>=768，再写sm的样式，这样尺寸递进就完成了所有的媒体查询，由于不加mediaquery
Cynthia（小英子）·2017-05-07 22:17

响应式网页-bootstrap-02.16

一、响应式网页1.什么是响应式网页：一个页面，可以根据浏览器设备的不同，以及特性的不同，而自动改变布局、大小等2.响应式网页的个特征1）流式布局2）可伸缩的图片和字体3）CSS3MediaQuery二、
十刑·2017-02-16 21:47

响应式网页-bootstrap-02.16

一、响应式网页1.什么是响应式网页：一个页面，可以根据浏览器设备的不同，以及特性的不同，而自动改变布局、大小等2.响应式网页的个特征1）流式布局2）可伸缩的图片和字体3）CSS3MediaQuery二、
十刑·2017-02-16 21:47

响应式布局

响应式网页有什么特点可以根据浏览设备的不同，以及特性的不同，而自动改变布局、大小等，响应式网页的三个特征如下1）流式网格布局(fluid)2）可伸缩的图片和字体3）CSS3MediaQuery-根据客户端浏览设备的特性
不住海边也喜欢浪·2017-02-16 21:47

响应式布局

响应式网页有什么特点可以根据浏览设备的不同，以及特性的不同，而自动改变布局、大小等，响应式网页的三个特征如下1）流式网格布局(fluid)2）可伸缩的图片和字体3）CSS3MediaQuery-根据客户端浏览设备的特性
不住海边也喜欢浪·2017-02-16 21:47

NFH.011 - 响应式开发与Bootstrap框架应用（一）

2.16学习经验分享#Bruce_Zhu于2017.2.16一、响应式网页的特征1）流式网格布局(fluid)2）可伸缩的图片和字体3）CSS3MediaQuery-二、响应式网页的优点与不足优点：可以自动适配
旅行的意义zxy·2017-02-16 19:02

17.1.6响应式和JS基础

实现响应式布局有3中方法，1.css3mediaquery2.js3.利用框架先想好你是否有必要做一个响应式布局，响应式布局要先从移动端入手层层递加JS1.判断一个变量是不是一个数组，不能用typeof
_v_xw·2017-01-06 23:57

CSS3媒体查询(@media)详细总结和Responsive浅谈

媒体查询的历史随着浏览器终端的多样化，无法保证一个网页在不同的设备上呈现出想同的结果，所以MediaQuery诞生了，让一个页面适用不同的终端。
王乐平·2016-11-22 21:56

响应式开发中合理选定CSS媒体查询分割点

本文唔看上去有些拗口，不过其核心是在于给出合适的MediaQuery命名与编写方式。本文从属于笔者的Web前端入门与最佳实践中的Web响应式开发系列文章。
王下邀月熊_Chevalier·2016-11-22 00:00

Sass Mixin 和 Media Merging

在向你解释什么是MediaMerging之前，你应该了解MediaQuery(媒体查询)的css规范是否允许嵌套媒体查询。
力谱云·2016-11-01 00:00

JS动态计算移动端rem的解决方案

在做移动端webapp的时候，众所周知，移动设备分辨率五花八门，虽然我们可以通过CSS3的mediaquery来实现适配，例如下面这样：html{font-size:20px;}@mediaonlyscreenand
爱邱·2016-10-14 13:31

js动态计算移动端rem

在做移动端webapp的时候，众所周知，移动设备分辨率五花八门，虽然我们可以通过CSS3的mediaquery来实现适配，例如下面这样：1html{2font-size:20px;3}4@mediaonlyscreenand
小维FE·2016-10-14 13:00

响应式设计与自适应设计

下面我们来看看响应式设计与自适应设计两者用法：响应式Web设计(ResponsiveWebDesign)：主要利用CSS3的媒介查询（MediaQuery）和Viewport来解决问题。通过媒介查
飞鱼之恋·2016-09-27 14:15

前后端分离的思考与实践（五）

有如基于浏览器原生CSS3MediaQuery的响应式设计、基于云端智能重排的「云适配」方案等。本文则主要探讨在前后端分离基础下的多终端适配方案。
h2appy·2016-09-11 10:56

CSS基础教程 -- 媒体查询屏幕适配

响应式布局MediaQuery的使用方法在上例中，我们使用MediaQueries来根据3种不同尺寸的窗口使用3种不同的样式。
Angel_andy·2016-08-24 14:57

CSS基础教程 -- 媒体查询屏幕适配

阅读更多本文为H5EDU机构官方HTML5培训教程，主要介绍：CSS基础教程——媒体查询屏幕适配响应式布局MediaQuery的使用方法在上例中，我们使用MediaQueries来根据3种不同尺寸的窗口使用
周大帅·2016-08-22 15:00

CSS基础教程 -- 媒体查询屏幕适配

阅读更多本文为H5EDU机构官方HTML5培训教程，主要介绍：CSS基础教程——媒体查询屏幕适配响应式布局MediaQuery的使用方法在上例中，我们使用MediaQueries来根据3种不同尺寸的窗口使用
周大帅·2016-08-22 15:00
上一页 4 5 6 7 8 9 10 11 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他