Jason Grigsby发表了篇文章,《CSS Media Query for Mobile is Fool’s Gold》对媒体查询(media query)吐槽,大意是在移动设备上使用媒体查询会造成很多资源的浪费——浏览器请求到很多用不到的图片等资源,然后写了一些测试用例测试一些可用方法。然后 ...
分类:
其他好文 时间:
2016-09-06 19:41:00
阅读次数:
140
Window.print()方法用于在浏览器中打印当前窗口的内容,如果想要打印当前窗口中指定部分的内容的话需要其他的一些特殊的处理; Demo: <html> <head> <title>页面标题</title> <style type=”text/css” media=”print”> #butt ...
分类:
Windows程序 时间:
2016-08-27 23:30:35
阅读次数:
1134
页面的设计和开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。具体的实践方式由多方面组成,包括弹性网格和布局、图片、css media query的使用等。无论用户正在使用笔记本还是iPad,我们的页面都应该能够自动切换分辨率、图片尺寸及相关脚本功能等,以适应不 ...
分类:
其他好文 时间:
2016-08-15 11:32:37
阅读次数:
202
iPhone5 iPhone6 iPhone6Plus iPad设备 media query(媒体查询)代码. iPhone < 5: iPhone 5: iPhone 6: iPhone 6Plus: iPad: ...
分类:
Web程序 时间:
2016-07-13 11:57:49
阅读次数:
157
先来介绍下 media,确切的说应该是 CSS media queries(CSS 媒体查询),媒体查询包含了一个媒体类型和至少一个使用如宽度、高度和颜色等媒体属性来限制样式表范围的表达式。CSS3 加入的媒体查询使得无需修改内容便可以使样式应用于某些特定的设备范围。 ...
分类:
Web程序 时间:
2016-06-21 17:46:22
阅读次数:
272
先来介绍下 media,确切的说应该是 CSS media queries(CSS 媒体查询),媒体查询包含了一个媒体类型和至少一个使用如宽度、高度和颜色等媒体属性来限制样式表范围的表达式。CSS3 加入的媒体查询使得无需修改内容便可以使样式应用于某些特定的设备范围。 ...
分类:
Web程序 时间:
2016-06-21 06:28:56
阅读次数:
330
第1章 css和文档 1,元素:替换元素(img input),非替换元素(大多数span)。 2,link:rel(代表关系:stylesheet,候选样式表:alternate stylesheet);type(text/css);media:(all(所有表现媒体, screen,print) ...
分类:
Web程序 时间:
2016-05-29 20:01:13
阅读次数:
164
1. CSS判断横屏竖屏 写在同一个CSS中 @media screen and (orientation: portrait) { /*竖屏 css*/} @media screen and (orientation: landscape) { /*横屏 css*/}分开写在2个CSS 竖屏<li ...
分类:
移动开发 时间:
2016-04-15 16:44:03
阅读次数:
166
详情请参考原网址:https://developer.mozilla.org/zh-CN/docs/Web/Guide/CSS/Media_queries 备份文件:http://pan.baidu.com/s/1bpDL4Qz 格式大概如下 作用 “响应式设计(Responsive Design) ...
分类:
Web程序 时间:
2016-04-10 14:22:55
阅读次数:
145
1、先导入三个jar包2、再导入两个css文件3、最后导入三个js文件4、jsp里引入css和js文件,注意先后顺序[html]viewplaincopy<linktype="text/css"rel="stylesheet"href="css/bootstrap.min.css"media="screen"/><linktype="text/css"rel="stylesheet"href="css/ui.jqgr..
分类:
其他好文 时间:
2015-12-17 16:21:29
阅读次数:
222