MediaQuery

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

Flutter-InheritedWidget-数据分发

InheritedWidget是一个特殊的widget，可以存储和获取数据，子组件可以获取到存储的数据，常用的MediaQuery、Theme就是继承了InheritedWidgetinheritedwidget
大灰狼的小绵羊哥哥·2020-07-06 18:47

Flutter 获取屏幕高度、密度、安全区域等

获取屏幕相关MediaQueryDatamq=MediaQuery.of(context);//屏幕密度pixelRatio=mq.devicePixelRatio;//屏幕宽(注意是dp,转换px需要
大灰狼的小绵羊哥哥·2020-07-06 18:47

Flutter 强大的MediaQuery控件

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

Bootstrap补充

1.CSS3mediaquery媒体查询2.JS去控制网页的布局和样式等-缺点：工作量大，网页响应慢-优点：专治疑难杂症3.用框架-Bootstrap测试用css媒体查询实现响应式方式一、link.css
dichengpai8268·2020-07-04 14:06

其他的支持响应式布局的插件

Respond.js让不支持css3MediaQuery的浏览器包括IE6-IE8等其他浏览器支持媒体查询。
andrewcao95·2020-07-04 10:21

媒体查询如何使用

mediaquery(媒体查询)是对mediatype的一种增强，是CSS3的重要内容之一。随着移动互联网的发展，me
___安全感·2020-07-04 01:39

Media query 详解

最近更新文章不及时,在此说声抱歉,关于mediaquery在网络上实际已经有很多成型的文章,但是在编者查看之后,发现并没有特别基础的入门教程,所以今天上午特意去对知识进行了整理,于是就有了下面的这篇文章
MR_LP·2020-07-01 11:56

浅谈CSS响应式布局——media query（媒介查询）

1、mediaquery的语法：@media媒介类型and|not|only(媒介特征){...}媒介类型：print：用于打印机和打印预览screen：用于电脑屏幕，平板电脑，智能
筱葭·2020-06-30 16:19

响应式布局

优点：解决设备的差异化显示缺点：兼容性代码工作量大加载速度受影响；对原有网站布局会产生影响用户判断未必精确；响应式原则：再设计初期就要考虑在多终端显示模式渐进增强；充分发挥硬件最大功能如何实现：css-mediaquery
104cbf61ed9c·2020-06-30 14:45

css 布局的几种方式

布局2flex布局2.1盒模型2.2display/poistion2.3flexbox布局3float布局3.1高度塌陷3.2两栏布局3.3三栏布局4响应式布局4.1meta标签4.2使用rem4.3mediaquery5
[Object object]·2020-06-30 13:16

作为前端开发，需要具备怎样的能力，才能在北上广，拿到1万的薪资？

一万哈，，不难达到：1，基本js语言没有问题，scope,closure基本的css，position,verticalalign,mediaquery2，有个二三年左右的工作经历，3，各种框架都会用4
我是老尚·2020-06-29 09:45

Bootstrap-个人学习笔记

三个特征：（1）流式布局（2）可伸缩的图片和字体（3）CSS3MediaQuery2、编写响应式网页（1）设置viewport元标签（2）避免使用绝对单位(px),用相对单位代替(%,auto,em等)
时光乱了谁的心lmq·2020-06-28 23:12

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

MediaQuery一般情况下，我们会使用如下方式去获取widget的宽高：finalsize=MediaQuery.of(context).size;finalwidth=size.width;finalheight
weixin_34194359·2020-06-28 13:56
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他