響應式佈局

響應式佈局這點小事: CSS3媒體查詢,插入@media【only,not,and,{}】javascript

簡單的試驗田就是:css

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

<style type="text/css" media="only screen and (max-width:719px) and (min-width: 500px)">body{background: red;}</style>
<style type="text/css" media="only screen and (max-width:499px)">body{background: green;}</style>
<script type="text/javascript">

附上相關連接:html

折騰響應式佈局  java

響應式web設計流程web

相關文章
相關標籤/搜索
本站公眾號
   歡迎關注本站公眾號,獲取更多信息