您当前的位置:365bet > HTML5 / CSS3 >

手机屏幕大小不一

发布时间:2018-11-24 01:33编辑:admin1阅读(

      响应式布局就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。响应式布局可以为不同终端的用户提供更加舒适的界面和更好的用户体验,而且随着目前大屏幕移动设备的普及,用“大势所趋”来形容也不为过。响应式布局主要运用的是CSS3中的media query特性,在移动浏览器及现代高级浏览器中都有较好的支持,对于老版本的浏览器,使用HTML4.0+CSS2.1无法满足需求。365bet体育

      展开全部响应式布局就是根据浏览器显示区域大小不同显示不同的样式,比如说你的浏览器是电脑1366*768就显示宽屏布局(如左右布局),如果是手机宽480px,就显示适用于手机的布局(如上下布局)。365bet体育响应式布局和一般是使用css3的@media属性,设置当浏览器宽度不同时就调用不同的css。以前,一般都是使用js来判断浏览器是手机端还是pc端,是手机端的话就用手机端的css或整个页面跳转到专门的手机网站,是PC端就使用PC端css。但是现在移动端更丰富了,手机屏幕大小不一,还有pad等介于中间的屏幕大小,所以就有了响应式布局这个更适用于移动互联网的概念产生。