@media (max-width: 768px) .sidebar width: 100%; border-right: none; border-bottom: 1px solid #e0e0e0; .main-content flex-direction: column; </style> </head> <body> <div class="container"> <div class="header"> <h1>🏥 Infinix DICOM Viewer</h1> <p>Professional Medical Image Viewer | DICOM Support</p> </div>
.upload-btn:hover transform: translateY(-2px); Infinix Dicom Viewer
<div class="control-group"> <label>🔍 Zoom & Pan</label> <button id="resetViewBtn">Reset View</button> <button id="fitToWindowBtn">Fit to Window</button> </div> @media (max-width: 768px)
.zoom-controls button background: white; border: none; width: 35px; height: 35px; border-radius: 5px; cursor: pointer; font-size: 18px; font-weight: bold; transition: background 0.2s; @media (max-width: 768px) .sidebar width: 100%
.header h1 font-size: 28px; margin-bottom: 5px;
<div class="controls"> <div class="control-group"> <label>🎨 Window Level</label> <input type="range" id="windowCenter" min="-1000" max="3000" value="400" step="1"> <label style="font-size: 11px;">Center: <span id="centerVal">400</span></label> <input type="range" id="windowWidth" min="1" max="4000" value="1500" step="1"> <label style="font-size: 11px;">Width: <span id="widthVal">1500</span></label> </div>
.zoom-controls position: absolute; bottom: 20px; right: 20px; background: rgba(0,0,0,0.7); border-radius: 8px; padding: 8px; display: flex; gap: 10px;
Copyright © 2022 TIK Piston Taiwan All Right Reserved. Designed by Eshow