zoukankan      html  css  js  c++  java
  • 第二十节 屏幕适配之retina屏

    <!-- 视网膜屏(retina屏):是指屏幕的物理像素密度更高的屏,有两倍屏和三倍屏,会导致原来在pc端显示的图片在移动端变模糊,解决方法是一开始就准备大一倍的图,然后用样式将其压小一倍-->
    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style type="text/css">
    .shipei{
    300px;
    height: 300px;
    }
    /* 一倍图尺寸:300*300 二倍图原尺寸:600*600 */
    </style>
    </head>
    <body>
    <img src="一倍图.jpg" alt="一倍图" >
    <img src="2倍图.jpg" alt="二倍图" class="shipei">
    </body>
    </html>

  • 相关阅读:
    初试 Elastic Search
    索引分类
    Nginx
    LINQ入门
    CSS学习
    Keras 安装
    火车进站
    2016年网易笔试编程题2
    Java GC
    linux 安装 mysql
  • 原文地址:https://www.cnblogs.com/kogmaw/p/12492728.html
Copyright © 2011-2022 走看看