浏览器大小屏适配的方法
来源:互联网 发布:java调用kettle传参 编辑:程序博客网 时间:2024/05/19 04:55
分到为我们的客户端产品做一个下载页面。设计师分别给了大屏和小屏的切图,那么问题来了,如何根据屏幕的大小显示不同的图片?这个之前没做过,一个同事提示,用js获取浏览器的大小,动态替换图片。方法肯定可行,但是感觉很麻烦。产品经理要求做成跟QQ下载页相似的效果。为何不去研究下QQ下载页的方法呢?
在笔记本和台式机上打开QQ的下载页,审查元素,大屏用的大图,小屏用的小图。他们引用的css文件不一样。小屏引用的css文件头有这样的代码:
@media screen and (max-height: 800px)
百度了下这个代码的功能,是多媒体查询,可以针对不同的屏幕尺寸设置不同的样式。这个才是解决大小屏问题一剑封喉的捷径。
1 0
- 浏览器大小屏适配的方法
- 让Flash自适应浏览器屏幕大小的几种方法
- 让Flash自适应浏览器屏幕大小的几种方法
- 完全自定义Firefox浏览器窗口大小的方法
- 浏览器窗口的大小
- 浏览器窗口的大小
- javascript 获取浏览器的大小
- 获取浏览器窗口的大小
- 特别实用的-js判断浏览器窗体、用户屏幕可视区域大小位置的方法
- 【转】超宽的banner条自适应浏览器大小始终居中的方法
- Iphone手机、安卓手机浏览器控制默认缩放大小的方法
- 小米电视、iphone手机、安卓手机等控制浏览器默认缩放大小的方法
- 根据浏览器的大小,自动调整Silverlight的大小
- 让Silverlight的大小随浏览器大小变化
- js获取浏览器大小以及网页大小的各种方式
- 改变浏览器窗口的大小和位置
- JS获取各种浏览器窗口的大小
- 浏览器可见区域大小的获取
- Leetcode[154]-Find Minimum in Rotated Sorted Array II
- Wordpress 建站(一)
- c++STL的迭代器
- C#高级编程第九天----控制台I/O
- Android中SharedPreferences的使用
- 浏览器大小屏适配的方法
- 用Redis bitmap统计活跃用户、留存
- CSS3选择器(上)
- 【加密】Cocos2d-x PNG图片资源加密(修改版)
- SAT代数基本词汇
- Android自动化测试总结
- Leetcode Problem.—Rotate List C++实现
- Andorid--Apache HttpClient(二)
- C# 切割图片 bitmap