mediaQuery

前端学习（十一）rem布局

rootem）是一个相对单位，类似于em单位说明emem是父元素的字体大小remrem是html元素的字体大小优点：父元素字体大小可能不一样，但是只有一个html，可以用来整体控制大小媒体查询媒体查询（MediaQuery
FixCarMaster·2020-08-15 12:57

响应式Web设计总结

最近几天学习了CSS3响应式设计，那么就来做一下简单的总结：响应式网页设计（Responsivewebdesign）是一种现代网页设计方法，基于CSS3的媒介查询（MediaQuery）特性使得网页适应不同设备
你叫李god·2020-08-15 01:52

淘宝弹性布局方案lib-flexible在react框架中的实践

框架中的实践，因为本人使用react较多，并且搜索网上虽然有教学flexible如何使用，但是并没有一个完整地运用项目，所以准备自己做一个，加深对手机适配方案的探究项目模仿苏宁易购的移动端页面，它本身是基于mediaquery
weixin_33874713·2020-08-13 21:54

flutter textfield设置高度后内容无法居中

Container(height:50,width:MediaQuery.of(context).size.width*2/3,alignment:Alignment.center,child:TextField
冬无雪·2020-08-10 18:04

CSS(全面系统讲解 工作应用--慕课)整理 三（css基础响应式布局）

主要方法：隐藏+折行+自适应空间rem,viewport,mediaquery(媒体查询)1、适配移动端，第一件事就是加上意思是可视区的大小等于屏幕大小，加上就适配了@media(max-width:640px
chen983234416·2020-08-10 15:43

CSS進階：Media Query 媒體查詢

CSS進階：MediaQuery媒體查詢文章目錄CSS進階：MediaQuery媒體查詢簡介參考正文Definition使用語法MediaType媒體類型MediaFeature媒體特徵視窗規格(Viewport
超悠閒·2020-08-10 11:43

17-flutter导航栏渐变效果

MediaQuery.removePadding移除顶部的paddingimport'package:flutter/material.dart';//导入swiper组件import'package:
iOS_Apple·2020-08-09 20:41

Flutter:No MediaQuery ancestor could be found starting from the context that was passed to MediaQuer

报这个错的原因：不能直接从runApp直接运行一个StatefulWidget类，而我。。。是这么做的看一下，先前的代码main(){runApp(newFormTestRoute());}修改后的看一下正确的代码///---------Form----------classFormTestPageextendsStatelessWidget{@overrideWidgetbuild(BuildC
芦苇花开·2020-08-09 16:57

高清屏的背景图片适配

主要有四种实现方式：1.mediaquery+pixel-ratio实现2.img标签引用的不同大小图片，通过retina.js根据设备自动替换图片地址3.image-set实现（不兼容微信浏览器）4.
睡不醒桑·2020-08-08 15:33

根据iPhone6设计稿动态计算rem值

使用mediaquery可以解决这个问题，但是每一个文件都引用一大串的font-size值很繁琐，而且值也不能达到连续的效果。就使用js动态计算给文档的fopnt-size动态赋值解决问题。
weixin_34308389·2020-08-08 00:40

SafeArea的使用

因此SafeArea控件应用而生，SafeArea通过MediaQuery检测屏幕的尺寸使应用程序的大小与屏幕适配，自动避开遮挡区域。它的原理是通过对被包装元素添加Padding来避开遮挡区域。
IT学霸·2020-08-07 18:20

WEB前端第十八课——媒体及meta viewport

1.mediaquery响应式布局——媒体查询使网页能够兼容多种终端显示，而不是为每个终端做特定的版本，提供更加舒适的界面和更好的用户体验响应式布局设计比专门设计的手机版网站功能少，如获取用户GPS定位响应式设计很难实现
后来喵·2020-08-05 22:00

WEB前端第十八课——媒体及meta viewport

1.mediaquery响应式布局——媒体查询使网页能够兼容多种终端显示，而不是为每个终端做特定的版本，提供更加舒适的界面和更好的用户体验响应式布局设计比专门设计的手机版网站功能少，如获取用户GPS定位响应式设计很难实现
后来喵·2020-08-05 22:00

js动态计算移动端rem(移动端适配rem)

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

Bootstrap框架的分析

它由规范的CSS，JavaScript插件构成，其最大的优势是响应式布局，CSS媒体查询(MediaQuery)的功劳，使得开发者可以方便的让网页无论在台式机，手机上都获得最佳的体验。
面条请不要欺负汉堡·2020-08-03 17:44

Responsive Design响应式网站设计心得笔记

这次要讲的包括6个问题，1）html5标签的支持，2）响应式设计的单位选择，3）IE对媒体查询mediaquery的支持，4）png24与png8图片
清枫草塘·2020-08-01 12:35

三步实现响应式网页布局

1IE8或者更早的浏览器并不支持MediaQuery。你可以使用media-query.js或者respond.js来为IE添加MediaQuery支持。第二部：
aobei8893·2020-08-01 11:31

响应式 Web 设计技巧

重点侧重于探讨响应式网站技术MediaQuery,并提供相应HTML、CSS、JS代码，帮助您快速打造响应式网站。
LYT枫随风--rex·2020-08-01 09:58

Flutter获取状态栏高度

获取状态栏高度不同手机尺寸的屏幕的状态栏高度不一致，需要获取状态栏高度，设置上边距：import'dart:ui';MediaQueryData.fromWindow(window).padding.top//这个就是状态栏的高度//或者MediaQuery.of
巧克力的口袋·2020-08-01 08:30

Flutter实现中间滑动，底部固定

下图就是实现的类似界面效果：（中间信息滑动，底部删除按钮固定）flutter实现代码：body:MediaQuery(data:MediaQuery.of(con
巧克力的口袋·2020-07-31 13:23

在移动端/响应式内的处理

响应式的处理方法：1.mediaquery自动的切换不同分辨率2.css内的媒体查询，类似诸多断点@mediaalland(min-width:480px)and(max-width:767px){..
Dorazzz·2020-07-30 13:29

移动前端工作的那些事---前端制作之自适应制作篇

一、响应式布局相应式布局的核心内容其实就是使用CSS3引入的MediaQuery模块。它的意思就是，自动探测屏幕宽度，然后加载相应的CSS文件。
weixin_30556959·2020-07-29 12:46

响应式布局这件小事

今天就和大家来讲讲响应式布局这件小事，包含什么是响应式布局、响应式布局的优点和缺点以及响应式布局该怎么设计（通过CSS3MediaQuery实现响应布局）。一、什么是响应式布局?
Cheris2014·2020-07-29 11:19

CSS-移动端页面（响应式）

学会mediaquery学会要设计图学会隐藏元素手机端要加一个meta手机端的交互方式不一样没有hover没有touch事件没有resize没有滚动条一、媒体查询@media(条件){样式}例子：```
weixin_34080903·2020-07-28 18:11

响应式，多列布局

响应式布局：网页兼容多个终端，用户体验MediaQuery媒体查询：响应布局的一种方式全程百分比布局语法：@meidiamediatypeand|not|only(mediafeature){CSS-Code
weixin_30357231·2020-07-28 16:16

html5/css3 响应式布局介绍 及 设计流程

html5/css3响应式布局介绍利用css3的mediaquery媒体查询功能。
dq_095·2020-07-28 07:24

Web前端面试指导(四十四)：什么是响应式开发？

需要用到的技术1.MediaQuery（媒体查询）用于查询设备是否符合某一特定条件，这些特定
智学无忧-老曹·2020-07-28 03:15

响应式设计的三个步骤

我保证你通过三步就可以学会响应式设计的基本逻辑和媒体查询(mediaquery)(假设你有基本的CSS知识)。第
liucsen·2020-07-28 02:20

格栅系统 转载dcloud.io

使用以下媒体查询（mediaquery）将.mui-row像素宽度400px作为分界，.mui-row像素宽度低于400px的使用.mui-col-xs-*，当.mui-row像素宽度高于
还是磊哥·2020-07-15 21:08

flutter控件添加下划线，就是边框只显示底部，添加分隔线

newContainer(height:35,width:MediaQuery.of(context).size.width-140,decoration:BoxDecoration(border:Border
matchaJay·2020-07-15 10:21

css3@media实现原理

window.matchMedia()基本用法window.matchMedia方法用来检查CSS的mediaQuery语句。
weixin_33937499·2020-07-15 04:08

响应式布局

今天就和大家来讲讲响应式布局这件小事，包含什么是响应式布局、响应式布局的优点和缺点以及响应式布局该怎么设计（通过CSS3MediaQuery实现响应布局）。一、什么是响应式布局?
dianzongfan5428·2020-07-14 09:17

不能错过的web前端性能优化总结

请求缓存一切可缓存资源使用长Cache使用外联式引用css、javascript文件压缩HTML、css、javascript文件启用GZip使用首屏加载(比如同构)使用按需加载资源文件使用滚屏记载资源文件资源懒加载通过MediaQuery
Z不懂·2020-07-13 15:45

前端面试题Bootstrap

答案：(1)声明viewport元标签(2)所有容器/文字/图片使用相对尺寸(3)流式布局+弹性布局(4)使用CSS3MediaQuery技术3.同时监听多个scss文件的命令是什么？
AyayaOVO·2020-07-12 23:29

响应式布局

IE8或者更早的浏览器并不支持MediaQuery。你可以使用media-queries.js或者r
weixin_34021089·2020-07-12 08:36

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

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

media type(媒体类型)与media query(媒体查询)简介及使用方法介绍

mediaquery(媒体查询)是对mediatype的一种增强，是CSS3的重要内容之一。随着移动互联网的发展，mediaquery开始得到大家的重视。
小迷童·2020-07-11 11:18

响应式布局的原理

(IE8或者更早的浏览器并不支持MediaQuery。你可以使用media-queries.js或者respond.js来为IE添加MediaQuery支持。)
Jhh___·2020-07-10 22:44

响应式布局这件小事（转）

今天就和大家来讲讲响应式布局这件小事，包含什么是响应式布局、响应式布局的优点和缺点以及响应式布局该怎么设计（通过CSS3MediaQuery实现响应布局）。一、什么是响应式布局?
weixin_30932215·2020-07-10 19:03

响应式布局这件小事 设计师如何实现响应布局

今天就和大家来讲讲响应式布局这件小事，包含什么是响应式布局、响应式布局的优点和缺点以及响应式布局该怎么设计（通过CSS3MediaQuery实现响应布局）。一、什么是响应式布局？
weixin_30556161·2020-07-10 19:09

CSS样式使用规范

6、MediaQuery不得
@Demi·2020-07-10 17:13

flutter 弹出框键盘遮挡 获取键盘高度

键盘高度：MediaQuery.of(context).viewInsets.bottom（此高度只能在键盘唤醒时在build中获取，弹出键盘会执行build）看代码：iimport‘package:flutter
庄童·2020-07-09 23:00

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

我们可以利用CSS3的MediaQuery来实现。本文主要介绍了移动开发和CSS3结合，来进行多种分辨率适配的例子。
蒋宇捷·2020-07-09 17:02

Flutter MediaQuery探究

FlutterMediaQuery探究MediaQuery作用是什么呢，我们先来看看源码文档注释///Establishesasubtreeinwhichmediaqueriesresolvetothegivendata
zhuangch·2020-07-09 06:26

flutter弹出下拉框DropdownButton的生成

小弟不才，刚学flutter，记录一些学习内容，需要下拉选择newContainer(height:35,width:MediaQuery.of(context).size.width-140,decoration
matchaJay·2020-07-09 01:36

Flutter中获取widget尺寸及位置信息

一、获取屏幕宽高1.1MediaQuery获取屏幕尺寸。
大灰狼的小绵羊哥哥·2020-07-08 05:59

Flutter之Widget层级介绍

无论是显示界面的UI元素，如Text、Image、Icon等；还是功能性组件，如手势检测的GestureDetector组件、应用主题数据传递的Theme组件、移除系统组件自带Padding的MediaQuery
呆萌的大逗·2020-07-07 14:57

自适应网页里，字体大小如何自适应屏幕

字体大小使用em,rem作为单位，然后使用mediaquery来调整html元素的font-size自适应网站html{font-size:62.5%!
shirley云·2020-07-07 13:55

flutter监听滚动以及去除padding

flutter监听滚动以及去除padding需求：需要将搜索框固定在页面上，然后监听下拉的距离，搜索框由透明完全显示1.移除padding：MediaQuery.removePadding(removeTop
你算哪块小饼干啊呀呀·2020-07-06 22:58

Flutter获取系统相关参数

MediaQueryData==MediaQuery.of(context)属性说明size逻辑像素，并不是物理像素，类似于Android中的dp，逻辑像素会在不同大小的手机上显示的大小基本一样，物理像素
BLUESKYHOST·2020-07-06 20:25
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他