mediaQuery

HTML5优化记录

MediaQuery（响应式加载）响应式设计是现在网站设计的一个流行趋势，随着移动互联网的发展，这项技术也越来越受到重视。通过
会九卦的兔子·2020-02-29 08:02

meta viewport移动端自适应

当我们对移动端进行页面适配时，我们首先应该了解到metaviewport，mediaquery，以及动态rem。什么是Viewport?
饥人谷_Leonardo·2020-02-28 01:30

flutter_获取屏幕信息

1、屏幕的信息只可以放在build方法下面，并且需要在MaterialApp的home部件中，具体报错可以点进去看源码介绍vardome=MediaQuery.of(context).size;print
kkw凯凯王·2020-02-26 08:06

IMG标签还是Background-image

最后没办法，把原来用img标签实现的图片替换为background-image，然后使用mediaquery来查询设备的min-devic
小胖子嘿嘿嘿·2020-02-25 14:33

2017年要学习的3个CSS新特性

1.FeatureQueries译者注：因为mediaquery一
极乐君·2020-02-19 01:45

13-8旅拍页面交互与我的页面实现

首先来移除顶部的padding使用MediaQuery.removePadding这样就去除了。
GASA·2020-02-15 12:00

web移动端适配方案之rem适配

相关标签rem、viewport、mediaQuery、vw,vh、...前言最近空余时间，还是在找些react小项目练手。
CoderXLL·2020-02-13 03:09

“一套代码，三屏齐发”——响应式开发浅析

响应式网页设计（Responsivewebdesign）是基于CSS3的媒介查询（MediaQuery）特性使得网页适
枫之伊信·2020-02-09 05:08

Flutter 中获取屏幕以及 Widget 的宽高

MediaQuery一般情况下，我们会使用如下方式去获取widget的宽高：finalsize=MediaQuery.of(context).size;finalwidth=size.width;finalheight
c263ae2147d8·2020-02-08 21:29

动态rem

禁止用户缩放initial-scale=1.0初始缩放倍数1.02.尽量不要写width/height,改用max/min不要把宽高写死，使用最小宽度和最大高度3.flex布局尽量使用flex布局4.mediaquery
gigi1226·2020-02-02 17:37

5 Media Query的使用方法(下)

5MediaQuery的使用方法(下)50.png51.png52.png在学习MediaQueries模块前，先通过一个响应式布局实例，来了解一个响应式布局和MediaQueries的简单应用。
caoyuan·2020-01-08 18:23

响应式布局

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

移动端页面（响应式）

1手机端页面的做法学会mediaquery学会要设计图（没图不做）实在要做也行，丑可别怪我学会隐藏元素手机端要加一个meta2手机端的交互方式不一样没有hover有touch事件(jquery.swipe
海狗菌hisen·2020-01-01 09:07

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

html5/css3响应式布局介绍及设计流程，利用css3的mediaquery媒体查询功能。
RayTeng·2019-12-31 13:31

不同屏幕上图片高清显示解决方案

一、背景图片1、使用mediaquery判断dpr（devicePixelRatio）-webkit-min-device-pixel-ratio例子：/*普通显示屏(设备像素比例小于等于1)使用1倍的图
该帐号已被查封_才怪·2019-12-28 06:47

移动端动态Rem方案以及1px问题

首先谈一下响应式注意点1.meta:vp组织缩放2.尽量不要写width/height改用max/min3.flex布局4.mediaquery（移动端）方案思路1.浏览器禁止980像素的缩放2.设置html
冷的像风·2019-12-28 03:56

HTML5

respond.min:让不支持css3MediaQuery的浏览器包括IE6-IE8等其他浏览器支持查询。CDNgoogle托管库maxcdn开源cdn来自npm和GitHub的所有文件，零设置可用
证始·2019-12-27 15:58

【重构笔记-1】media query兼容IE

以下两个插件均不支持样式表跨域页面布局变化时均有500ms左右的延迟Respond.jsRespond.js只支持mediaquery的min-width和max-width属性引入时，样式表放在Respond.js
hershin·2019-12-27 09:47

响应式网页和bootstrap框架的基础知识及其简单应用

一、响应式网页一个页面，可以根据浏览设备的不同，以及特性的不同，而自动改变布局、大小等响应式网页的三个特征1）流式网格布局(fluid)2）可伸缩的图片和字体3）CSS3MediaQuery-根据客户端浏览设备的特性
挣脱吧小白·2019-12-27 05:02

MUI栅格系统

使用以下媒体查询（mediaquery）
AndyRony·2019-12-24 07:42

Sass语法介绍高级篇

比如，当你缩小网页的时候，网页的布局会跟着改变，这主要使用的是CSS中的mediaquery。
刘尐六·2019-12-21 19:21

[Adaptive && Responsive design] Note

CSS成长笔记移动适配（响应式）4个要点1、mediaquery2、提前有设计稿3、隐藏元素4、手机端添加meta:vp（例如：320px宽的手机默认会模拟980px的网页，强制手机页面与设备宽度相等width
rjxio·2019-12-20 15:08

Sass和Compass设计师指南 Ben Frain 中文高清PDF扫描版

既使不懂编程的设计师读完本书也能轻松生成跨浏览器的、易于维护的CSS代码，并学会编写mediaquery代码，进行响应式设计。本书适合交互设计师、UI设计师、网页设计师、前端开发工程师阅读。
cad教程分享·2019-12-17 15:37

【Flutter 踩坑】屏幕宽度测量错误导致image不展示

首先度娘告诉我，获取屏幕的宽度的方法如下：MediaQuery.of(context).size.width由于flutter不能想Android原生那样，直接设置match_parent。
Bear_android·2019-12-17 04:06

Flutter MediaQuery获取屏幕信息以及屏幕适配

使用MediaQuery获取屏幕高宽等信息MediaQuery.devicePixelRatio每一个逻辑像素点对应的物理像素点个数MediaQuery.size.width用逻辑像素表示的屏幕宽度MediaQuery.size.height
真胖大海·2019-12-17 02:41

响应式布局的开发基础及注意事项

设计步骤（1）设置meta标签content属性值：content属性值（2）设置媒体查询mediaquery样式$screen-sm:768px;$screen-md:992px;$screen-lg
刘哈哈icey·2019-12-16 03:35

Web移动端页面 --响应式和动态REM

如何着手响应式有以下几个思考的方向找一份设计图使用MediaQuery隐藏元素添加metaviewport明白手机端交互方式的区别MediaQuery是什么Mediaquery翻译过来就是媒介查询，媒介就是我们查看这个网页的设备
Criya·2019-12-15 17:10

html5shiv.js和respond.min.js

**respond.min:让不支持css3MediaQuery的浏览器包括IE6-IE8等其他浏览器支持查询。
vip4iPhonr·2019-12-15 11:38

px2rem 转换插件发布 1.0.2 版本

复制了CallMeXYZ的插件，修复了包含mediaquery的bug(mediaquery是不能改变的，如：@media(max-width:640px))px2rem开发响应式网页，尤其是手机端，常常采取
维维·2019-12-13 21:27

前端：规范3

因为相比于导入，其速度较慢MediaQuery不得单独编排，必须与相应规则一起定义。2.样式属性顺序全局属性>定位属性>自身属性>文本
林小帅不是帅·2019-11-30 07:38

利用 Media Query监听

利用MediaQuery监听MediaQuery相信大部分人已经使用过了。
贞贞姐·2019-11-29 15:22

4 Media Query的使用方法(上)

4MediaQuery的使用方法(上)50.png51.png52.png在学习MediaQueries模块前，先通过一个响应式布局实例，来了解一个响应式布局和MediaQueries的简单应用。
caoyuan·2019-10-31 11:18

响应式布局 - Bootstrap

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

移动web开发---第三天

2、响应式开发的原理CSS3中的MediaQuery（媒介查询，and之后一定要加空格@mediascreenand(min-width:768px)and(max-width:992px){};通过查询
qq5d3e5bae55f08·2019-10-22 16:41

js动态计算移动端rem适配

第一：css3的mediaquery来实现适配，例如下面这样：html{font-size:20px;}@mediaonlyscreenand(min-width:401px){html{font-size
牧心·2019-10-19 20:37

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

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

基于NodeJS的前后端分离的思考与实践（五）多终端适配

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

bootstrap IE8 兼容性处理

bootstrapIE8兼容性处理BootstrapIE8兼容性左侧右侧针对IE8仍然需要额外引入Respond.js文件以支持媒体查询（mediaquery）。
·2019-09-22 21:24

css3的@media

其官网首页有提到这一切的功劳都是来自于CSS媒体查询（MediaQuery）。使用@media查询，你可以针对不同的媒体类型定义不同的样式。
买辣椒也用券·2019-09-01 12:00

响应式Web开发

MediaQuery设备适配参考网址：https://www.cnblogs.com/YMaster/p/10198943.html参考网址2：https://www.jianshu.com/p/7b0c76d055e1flexbox
TaoismLi·2019-08-29 10:04

layout-responsive | mobile

学会mediaquery（媒体查询）没图不做学会隐藏元素手机端要加一个手机端的交互方式不一样i.没有hoverii.没有touch事件iii.没有resize（窗口大小调整）iv.没有滚动条media在
LiuJianli·2019-08-26 17:14

Flutter进阶实战 12-20 流式布局 模拟添加照片效果

实现效果：知识点：一、mediaQuery媒体查询使用meidaQuery可以很容易的得到屏幕的宽和高，得到宽和高的代码如下：finalwidth=MediaQuery.of(context).size.width
一醉南柯·2019-08-07 22:51

Flutter获取屏幕高度宽度,语言环境,触摸收起键盘,back按键

屏幕宽度高度：MediaQuery.of(context).size.width屏幕宽度高度：MediaQuery.of(context).size.height屏幕状态栏高度：MediaQueryData.fromWindow
hd_hunter·2019-08-04 14:14

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

阅读更多##MediaQueryMediaQuery.of(context)包含了一些屏幕的属性：size：一个包含宽度和高度的对象，单位是dpprint(MediaQuery.of(context).
iaiai·2019-07-27 08:00

Flutter隐藏导航栏

true:false,child:AppBar(title:_tabbarTitles[_selectedIndex],),),preferredSize:Size.fromHeight(MediaQuery.of
倪大头·2019-07-24 09:18

Flutter 手势密码控件

例子设置密码例子GestureView(immediatelyClear:true,size:MediaQuery.of(context).size.width,onPanUp:(Listitems){
mochixuan·2019-07-21 00:00

Flutter去掉AppBar避免body溢出到状态栏

预留出状态栏的高度方法Scaffold(appBar:PreferredSize(preferredSize:Size.fromHeight(MediaQuery.of(context).size.height
丶咿呀咿呀·2019-06-27 16:18

flutter 全面屏适配方法

flutter全面屏适配方法1、使用SafeArea2、使用MediaQuery.of(content).padding3、使用Scaffold的appbar和bottomNavigationBar安卓全面屏适配额外配置
一个flutter大菜鸟·2019-06-19 14:54

media query和响应式布局

mediaquery和响应式布局①使用@media查询可以针对不同的媒体类型定义不同的样式。②@media可以针对不同的屏幕尺寸设置不同的样式，特别是如果需要设置设计响应式的页面。
dazhuantoude·2019-05-07 21:46

从MediaQuery看InheritedWidget的用法

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