各個適配尺寸 javascript
/*-----各個尺寸-開始-----*/ /*xs*/ @media (max-width: 767px) { } /*sm*/ @media (min-width: 768px) and (max-width: 991px) { } /*md*/ @media (min-width: 992px) and (max-width: 1199px) { } /*1200-1366-這個尺寸目前較爲常見,須要關注*/ @media (min-width: 1200px) and (max-width: 1366px) { } /*lg*/ @media (min-width: 1367px) { } /*-----各個尺寸-結束-----*/
視窗縮放css
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
手機端能正常返回的js html
<a href="javascript :;" onclick="window.history.back(); return false;"> <div class="prodcts-details-back"> < BACK </div> </a>