MediaQuery

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

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

jQuery+HTML5+CSS3制作支持响应式布局时间轴插件

使用的是CSS3的MediaQuery（媒体查询）实现的效果。另外页面中圆形、圆角和三角同样使用了CSS3的特殊样式。这些基础的样式和效果在本文中不会赘述，不了解的童鞋可以上网搜索学习一下，很简单。
Jeremy阳仔·2016-08-10 09:39

响应式布局基本实现Media Query（媒介查询）

1.MediaQuery的使用方法首先我们在使用Media的时候需要先设置下面这段代码，来兼容移动设备的展示效果：参数解释：width=device-width：宽度等于当前设备的宽度initial-scale
macanfa·2016-06-10 20:00

像素密度与CSS3的viewport在移动端Web响应式布局中的运用

根据装置的显示区域来展示文件2.放大或缩小文件，来符合或设定上给予装置的可视区域3.允许设定或初始化缩放的级别，或是其他规则实际上，他是跟着显示装置在运作的，所以他的所有设定都跟显示装置有关，而这里的显示装置跟MediaQuery
Murphywuwu·2016-05-27 11:50

[置顶] Media query 详解

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

[翻译]使用VH和VW实现真正的流体排版

[翻译]使用VH和VW实现真正的流体排版前言不像响应式布局，通过mediaquery，设置几个变化点来适配，流体排版通过调整大小，适配所有设备宽度。
脚后跟着猫·2016-05-16 12:00

[翻译]使用VH和VW实现真正的流体排版

前言不像响应式布局，通过mediaquery，设置几个变化点来适配，流体排版通过调整大小，适配所有设备宽度。这个方法可以使我们开发的网页，在几乎所有屏幕尺寸上都可以使用。
weixin_30872733·2016-05-16 12:00

移动端H5知识普及[系列] - CSS3媒体查询

本系列共6篇文章，如下为标题列表：1谈谈相对单位2什么是视口3CSS3媒体查询4移动端“百变”盒模型5移动端“背景”妙用6移动端fixed定位模式第三篇CSS3媒体查询（CSS3mediaquery）我们每个人都有自己的属性
momomini·2016-05-12 14:06

CCS3 @media实现响应式布局

Mediaquery是CSS3中的新特性，通过@media规则，它允许一段CSS代码在特定条件下才生效。什么意思？
zcfortest·2016-04-29 17:52

CCS3 @media实现响应式布局

Mediaquery是CSS3中的新特性，通过@media规则，它允许一段CSS代码在特定条件下才生效。什么意思？
zcfortest·2016-04-29 17:52

响应式设计媒体查询尺寸分界点一览表

CSS3中的媒体查询（mediaquery）是响应式设计的关键技术。媒体查询技术本质就是检测设备不同的尺寸来应用不同的样式，所以我们需要对尺寸检测有一个统一的参考标准。
iefreer·2016-04-23 20:00

meta学问

我保证你通过三步就可以学会响应式设计的基本逻辑和媒体查询(mediaquery)(假设你有基本的CSS知识)。第
皇冠小丑·2016-04-14 19:00

【笔记JS/HTML/CSS】CSS3实现鼠标滑动显示动画（transition、transform）

github：https://github.com/CheerM/HTML-CSS3-project1 其实是一个根据mooc网视屏教程做的一个小项目，没有很费时间，但是最终效果还是挺好看的用到了响应式设计的mediaquery
CheerM·2016-03-16 13:49

CSS3响应式布局

效率低下代码累赘，会出现隐藏无用的元素，加载时间加长其实这是一种折衷性质的设计解决方案，多方面因素影响而达不到最佳效果一定程度上改变了网站原有的布局结构，会出现用户混淆的情况1、MediaQueryCSS3中的MediaQuery
xmt1139057136·2016-03-09 17:00

viewport

随着pc、移动设备的屏幕规格增多、增大，当前，依据使用MediaQuery在不同的条件下使用不同的样式，使页面达到不同的渲染效果，可以有效的解决各种屏幕分辨率下的用户体验及移动web开发多种需求。
jayruan·2016-03-06 21:00

常见移动设备的 CSS3 Media Query 整理（iPhone/iPad/Galaxy）

今天帮人解决了iphone4下载页显示错误的问题，css3mediaquery坑啊，不容易匹配到。
offbye·2016-03-04 17:00

响应式设计

Bootstrap使用css的媒体查询（mediaquery）来检测浏览器视口的宽度，然后再根据条件加载和应用调整布局的样式表。
惠鹏曦·2016-02-16 09:00

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

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

基于淘宝弹性布局方案lib-flexible的问题研究

的基本用法，但是lib-flexible的这种适配方式在适配的时候会修改viewport的initial-scale，导致viewport的width不等于devicewidth，使得那些根据width编写的mediaquery
流云诸葛·2016-01-11 10:00

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

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

响应式web设计流程

具体的实践方式由多方面组成，包括弹性网格和布局、图片、CSS mediaquery的使用等。
wang8088498·2015-12-16 15:00

编写灵活、稳定、高质量的 HTML 和 CSS 代码的规范

Languageattribute）字符编码IE兼容模式引入CSS和JavaScript文件实用为王属性顺序布尔（boolean）型属性减少标签的数量JavaScript生成的标签CSS语法声明顺序媒体查询（Mediaquery
IT姑凉·2015-11-05 11:00

编写灵活、稳定、高质量的 HTML 和 CSS 代码的规范

Languageattribute）字符编码IE兼容模式引入CSS和JavaScript文件实用为王属性顺序布尔（boolean）型属性减少标签的数量JavaScript生成的标签CSS语法声明顺序媒体查询（Mediaquery
IT姑凉·2015-11-05 11:00

css3媒介查询使用规则小结

关键专业术语：MediaQuery（css3媒介查询） 语法结构及用法：@media设备名only（选取条件）not（选取条件）and（设备选取条件），设备二{sRules} 实际应用一判断设
白紫岩·2015-10-09 09:00

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

html5/css3响应式布局介绍html5/css3响应式布局介绍及设计流程，利用css3的mediaquery媒体查询功能。
文__武·2015-09-11 15:00

让 IE9 以下的浏览器支持 Media Queries

1.如何让IE9以下的浏览器支持css3的mediaquery需要用到的min-width/max-width属性css3的媒体查询IE浏览器的支持程度是从IE9开始支持，那么要想IE6~IE8的浏览器支持媒体查询可以使用
张小喵·2015-09-07 18:00

CSS3使用@Media Query实现响应布局

今天就和大家来讲讲响应式布局这件小事，包含什么是响应式布局、响应式布局的优点和缺点以及响应式布局该怎么设计（通过CSS3MediaQuery实现响应布局。       一、什么是响应式布局？响
zmx729618·2015-08-27 16:00

CSS3 Media Query：移动 Web 的完美开端

CSS3MediaQuery：移动Web的完美开端Introduction移动时代，是任何Web设计与开发者都不能忽视的一个时代，总有一天，你设计的东西将被显示在两种屏幕上，桌面大屏幕和移动小屏幕，如何让同一个网站同时适应完全不同的两种尺寸的屏幕
whereismatrix·2015-08-05 20:00

简要总结CSS编程中的响应式设计

我保证你通过三步就可以学会响应式设计的基本逻辑和媒体查询(mediaquery)(假设你有基本的CSS知识)。
dwqs·2015-08-03 18:54

css3 mediaquery

/**  * iPhone 4/4s landscape & portrait  */@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2/3) { }/**  * 
jiangwu·2015-06-03 07:00

webapp适配基准

跨终端的实现：1服务端多模板渲染2mediaquery。 移动端网络流量已经超过pc。 实现：基准a：android4.x占了60%左右，2.3x在30%左右。ios6.x的safari也占比很大。
崔永键·2015-05-28 00:00

第一章 Bootstrap入门

对于同时要供不同上网装置及浏览器，如一般电脑、手机及平板电脑等浏览的网站及网络应用程序，Bootstrap提供了CSS媒体查询（MediaQuery），节省网站制作者
龙影2008·2015-05-11 15:00

响应式网页设计教程:展示响应式设计的基本原理

通过这三个步骤，你一定可以了解响应式设计的基本原理和mediaquery（在你有一些CSS基础的前提下）。第一步. Meta标签(查看 demo)为了适应屏幕，多数的移动
zxjiayou1314·2015-05-01 00:00

各种设备的CSS3MediaQuery整理及爽歪歪写法

响应式布局响应式布局麻烦之处就是每个尺寸的都要进行css定义，这个真的不是一般的蛋疼，下面有搜集到的各种尺寸cssMediaQuery内容，搜集来源：media-queries-for-standard-devices好东西哦。看了之后是不是非常之蛋疼呢，那么只有使用工具来写这些玩意儿了，俺用得最爽的就是Stylus，真的爽yy了，如果Stylus不会玩耍请看这里Stylus入门使用方法Stylu
小弟调调·2015-04-29 00:00

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

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

简单的响应式页面小示例

mediaquery的简单小演示，关于mediaquery的相关说明可以看这里 CSS3MediaQuery的使用方法这里没做太多的工作，只是展示档横向菜单无法完全显示时会自动更换为侧滑菜单，对应PC到移动的场景转换
sallency·2015-03-29 15:00

CSS3 Media Query的使用方法

简单的响应式页面小示例现在移动优先的站点越来越多，响应式网站的设计也越来越普及，更多的前端框架被开发出来，比如众所周知的bootstrap，国产的拼图也挺不错，但貌似上了1.0版本就没在更新，其实响应式的机理就是mediaquery
sallency·2015-03-27 17:00

响应式布局

今天就和大家来讲讲响应式布局这件小事，包含什么是响应式布局、响应式布局的优点和缺点以及响应式布局该怎么设计（通过CSS3MediaQuery实现响应布局）。看页面点击这里一、什么是响应式布局?
XTQueen_up·2015-03-20 10:00

手机端注意项

webkit-font-smoothing:antialiased; 让字体变得平滑在文本框中禁用中文输入法 text,textaera{ime-mode:disabled;}IE火狐支持字体用em或百分比来实现最后对于在IE浏览器中不支持mediaquery
Ansue·2015-02-28 15:22

WebApp开发相关技巧（转）

1、要响应式开发web，也就是页面必须自适应屏幕大小，可以采用流体布局，如之前的文章（自适应宽度布局），其他具体的小问题可以采用mediaquery解决（让IE支持CSS3MediaQuery实现响应式
iturtle·2015-01-30 15:00

一种让 IE6/7/8 支持 media query 响应式设计的方法

在不同的浏览器宽度下使用不同的CSS声明，常见的方案是使用mediaquery，但这个方案不支持IE9以下浏览器。
猫哥_kaiye·2015-01-27 12:00

ios媒体

1-音频[1]音乐往往是存储在iPod曲库（注意位置）中的，可以通过媒体选择器（mediapicker）或者媒体查询（mediaquery）读取，然后用音乐播放器MPMusicPlayerController
ljl5125·2015-01-15 12:36

ios媒体

1-音频 [1]音乐往往是存储在iPod曲库（注意位置）中的，可以通过媒体选择器（mediapicker）或者媒体查询（mediaquery）读取，然后用音乐播放器MPMusicPlayerController
ljl5125·2015-01-15 12:36

HTML5/CSS3hack

background:rgba();background:rgba(7,110,175,0.85);background:#076EAF\9;filter:alpha(opacity=85)测试ie78MediaQuery
qianqianyixiao1·2015-01-10 10:00

webApp注意问题

 1.要响应式开发web，也就是页面必须自适应屏幕大小，可以采用流体布局，如之前的文章（自适应宽度布局），其他具体的小问题可以采用mediaquery解决（让IE支持CSS3MediaQuery实现响应式
fire_selfs·2015-01-08 00:00

webApp注意问题

 1.要响应式开发web，也就是页面必须自适应屏幕大小，可以采用流体布局，如之前的文章（自适应宽度布局），其他具体的小问题可以采用mediaquery解决（让IE支持CSS3MediaQuery实现响应式
fire_selfs·2015-01-08 00:00

webApp注意问题

 1.要响应式开发web，也就是页面必须自适应屏幕大小，可以采用流体布局，如之前的文章（自适应宽度布局），其他具体的小问题可以采用mediaquery解决（让IE支持CSS3MediaQuery实现响应式
fire_selfs·2015-01-08 00:00

webApp注意问题

 1.要响应式开发web，也就是页面必须自适应屏幕大小，可以采用流体布局，如之前的文章（自适应宽度布局），其他具体的小问题可以采用mediaquery解决（让IE支持CSS3MediaQuery实现响应式
fire_selfs·2015-01-08 00:00

html5/css3响应式布局介绍

响应式布局介绍html5/css3响应式布局介绍及设计流程利用css3的mediaquery媒体查询功能。
chen2009277025·2014-12-24 12:28

响应式布局

IE8或者更早的浏览器并不支持MediaQuery。你可以使用media-queries.js或者respond.js来为IE添加MediaQuery支持
波利beryl·2014-11-21 15:00
上一页 4 5 6 7 8 9 10 11 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他