你好,欢迎来到宁夏众擎达电子商务有限公司网站!
新闻动态   News
你的位置:首页 > 新闻动态 > 行业新闻

宁夏网站建设之网页设计的自适应要素

2015-1-6 11:15:00      点击:

        21世纪随着互联网的普及,在手机终端和平板电脑介入互联网的人日趋上升。各种移动设备的分辨率对于网页设计师的要求越来越高。美国Ethan Marcotte在2010年提出了“自适应网页设计”这个词,这个词的要求是指可以自动识别手机终端和平板的屏幕宽度、同时对网页有相应的调整。 

        到2015年为止,大部分的手机和平板的分辨率小至320px大到2000px以上,范围变化相当的大,现在设计网页肯定不能用网页固定宽度的设计方案,这就需要我们的网页设计师需要更进一步的去学习提高自己的技术水平。有人问我如何在各种不同的分辨率下让页面自适应移动端的屏幕呢?说白了答案就是用HTML5+CSS3的相关技术各种设备的浏览器响应来进行网页的设计。因为版本比较低的浏览器不支持HTML5+CSS3,可以用html5.js和css3-mediaqueries.js来解决,特别是IE9以下的浏览器。

         今天宁夏网站建设公司-众擎达就为大家分享Media Queries用法:

下面的一段代码就表示屏幕宽度小于800px(max-device-width: 800px)就加载800.css文件

 我们再来看下面一段代码,其表示屏幕宽度介于500px至600px时就加载500_600.css文件

 另外也可以用CSS中的@media规则达到同样的效果,如:

@media screen and (max-device-width: 400px) 
{
 css代码
}

       网页设计本身就是不断学习的过程,需要持续的改变学习思维,改变设计角度,才能为客户提供更好的服务。


            本文原创,源自:宁夏网站建设公司-众擎达      宁夏网站建设    宁夏手机APP开发     手机微网站建设