zoukankan      html  css  js  c++  java
  • 响应式布局--特殊设备检测

    1.Phone4
    <link rel="stylesheet" media="only screen and (-webkit-min-device-pixel-ratio: 2)"
    type="text/css" href="iphone4.css" />
    2.iPad
    <link rel="stylesheet" media="all and (orientation:portrait)" href="portrait.css"
    type="text/css" />
    <link rel="stylesheet" media="all and (orientation:landscape)" href="landscape.css"
    type="text/css" />
    3.android
    /*240px的宽度*/
    <link rel="stylesheet" media="only screen and (max-device-240px)"
    href="android240.css" type="text/css" />
    /*360px的宽度*/
    <link rel="stylesheet" media="only screen and (min-device-241px) and (max-device-360px)" href="android360.css" type="text/css" />
    /*480px的宽度*/
    <link rel="stylesheet" media="only screen and (min-device-361px) and (max-device-480px)" href="android480.css" type="text/css" />

  • 相关阅读:
    天网管理系统
    NSCTF web200
    程序逻辑问题
    Once More
    Guess Next Session
    上传绕过
    加了料的报错注入
    C++ GET UTF-8网页编码转换
    Android学习笔记函数
    C++ 模拟虚拟键盘按键表
  • 原文地址:https://www.cnblogs.com/ahwu/p/3268276.html
Copyright © 2011-2022 走看看