Angularjs 如何根据屏幕大小设置图标的角度?

Angularjs 如何根据屏幕大小设置图标的角度?,angularjs,responsive-design,Angularjs,Responsive Design,平面设计师给我的每个图标,他创造了不同的大小。 如何将它们集成到html文件中 如何在桌面上使用最大的图标,在平板电脑上使用较小的图标,在移动设备上使用最小的图标?当您不想显示每个图标时,请隐藏它们 <head> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" /> <script src="

平面设计师给我的每个图标,他创造了不同的大小。 如何将它们集成到html文件中


如何在桌面上使用最大的图标,在平板电脑上使用较小的图标,在移动设备上使用最小的图标?

当您不想显示每个图标时,请隐藏它们

<head>
      <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" />
      <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
</head>
<body>       
        <div id="big-icon" class="hidden-sm hidden-xs hidden-md"></div>
        <div id="small-icon" class="hidden-lg hidden-xs hidden-md"></div>
        <div id="smallest-icon" class="hidden-lg hidden-sm hidden-md"></div>
</body>