总结自适应网站的标准尺寸

转载字自"深蓝的镰刀"

偶然翻阅国外标准模板，总结一下在使用css3的media query做自适应网站时究竟min-width和max-width设多少是最好的。

PC机时：

[css] view plaincopy

@media only screen and (min-width: 960px){*{color:red;}}

平板横放时：

[css] view plaincopy

@media only screen and (min-width: 768px) and (max-width: 959px){*{color:green;}}

手机横放以及平板竖放时：

[css] view plaincopy

@media only screen and (min-width: 480px) and (max-width: 767px){*{color:purple;}}

手机竖放时：

[css] view plaincopy

@media only screen and (max-width: 479px){*{color:orange;}}

自己总结了一下，尤其是最后一条队移动端的朋友特别有用，目前看了下iphone4的宽是320px，iphone6plus的宽是414px,华为mate7的宽稍微再宽一些，感觉479px就目前来看已经成为一个手机宽度的行业标准了，可以放心使用。

总结自适应网站的标准尺寸相关推荐

h5适配华为手机_知道为什么建站大多选H5自适应网站吗？现在我就告诉你
H5自适应网站能满足所有类型终端用户的需求,能带给所有终端用户最优的访问体验.虽然专门为手机或者平板电脑设计的移动网站,一样能满足部分访问者的需求.但据数据调查显示,网民常用常用的移动终端设备有230 ...
【iVX 初级工程师培训教程 10篇文拿证】02 数值绑定及自适应网站制作
目录 [iVX 初级工程师培训教程 10篇文拿证]01 了解 iVX 完成新年贺卡 [iVX 初级工程师培训教程 10篇文拿证]02 数值绑定及自适应网站制作 [iVX 初级工程师培训教程 10篇文拿 ...
做自适应网站专业乐云seo_自适应网站方案品牌乐云seo
自适应网站方案品牌乐云seo,做乐云seo网站推广哪收录比较稳定,下面小编从以下几点详细介绍一下自适应网站方案品牌乐云seo: 一.乐云seo做核心关键词首页排名技术怎么样? 孔祥永seo做核心关键词 ...
好看的导航网站源码-简约自适应网站网址导航系统
介绍: HP源码_一款好看的导航网站源码下载,简约自适应网站网址导航系统网盘下载地址: http://kekewangLuo.net/30KrkrHQcg50 图片:
苹果CMS音乐猪自适应网站模板
简介: 苹果CMS音乐猪自适应网站模板,已测试,完美无错. 效果大家看图,简约大气的白色布局搭配粉色点睛效果. 只有功能模块,不支持会员.专题.明星.新闻等模块. 安装方法都一样,上传后,后台设置下就 ...
苹果CMSv10黑金色自适应网站模板
介绍: 苹果CMSv10黑金色自适应网站模板,已测试,完美无错. 只有模块,无其他功能,自适应手机端. 安装方法都一样,复制到模板目录,后台设置下就可以了,不多介绍了. 网盘下载地址: http:// ...
自适应网站设计对百度友好的关键：添加applicable-device标签(转)
现在很多网站都使用了自适应网页设计(Response-Web-Design),以满足庞大的移动端用户群的需要.但是在技术上设计了自适应的网页之后,出于SEO的考虑,你还要照顾到如何对百度更友好,即告诉 ...
响应式网站与自适应网站比较
Adaptive website(自适应网站) 应对在浏览器的宽度变化不调整网页元素的位置,缩放网页元素,以适应在可用空间. Responsive website (响应式网站) ...
android 百度转码,自适应网站移动端被百度转码解决方案
前段时间1月10号的时候,突然发现我的自适应的博客移动端被百度转码了,移动端被转码是每个站长都头疼的问题,这意味着,页面不够美观,而且会被植入百度广告,而流失属于我们自己的流量.特别是当你的站点已经提 ...

总结自适应网站的标准尺寸

总结自适应网站的标准尺寸相关推荐

最新文章

热门文章