mediaQuery

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

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
上一页 3 4 5 6 7 8 9 10 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他