响应式布局 相关

原创 2015年11月21日 13:39:50


实现响应式布局  :  css3 中的media query ->最简单的方式   或者 使用JavaScript ->成本高,不推荐 或者 第三方开源框架;


常见属性: device-width , device-height ,屏幕宽高

     width,height ,渲染窗口宽高

     orientation , 设备方向

     resolution , 设备分辨率

<!DOCTYPE html>
<html lang="en">
    <meta charset="UTF-8">
    <link type="text/css" rel="stylesheet" href="link.css" <span style="color:#FF0000;">media="only screen and (max-width:480px)</span>"/>
    <style type="text/css">
        <span style="color:#FF0000;">@media screen and (min-width: 480px)</span> {
            body{
                background-color: red;
            }
        }
    </style>
    <title></title>
</head>
<body>
</body>
</html>


确保设备能正常的显示响应式页面 必须添加
    <span style="color:#FF0000;"><meta name="viewport" content="width=device-width, initial-scale=1.0">

<code>    .container</code> 类用于固定宽度并支持响应式布局的容器。


</span>






版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

响应式布局

  • 2015-03-23 15:32
  • 11.01MB
  • 下载

响应式布局

响应式布局

响应式布局简介由于移动互联网的快速发展,为了能给不同终端的用户提供更加舒适的界面和更好的用户体验,人们提出了响应式布局。响应式布局优缺点优点:能够适应多屏幕缺点代码太繁杂, 兼容各种设备工作量大,效...

web杂谈之响应式布局

什么叫做响应式布局? 也即是响应式Web设计。响应式布局是Ethan Marcotte在2010年5月份提出的一个概念,简而言之,就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本...

响应式布局.pdf

  • 2013-10-12 00:28
  • 11.01MB
  • 下载

响应式布局通用

@charset "utf-8"; body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,b...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)