phpcms 移动适配

/* 示例代码 */
@media (max-width: 600px) {
  .container {
    width: 100%;
  }
  .sidebar {
    display: none;
  }
}

<!-- 示例代码 -->
<img src="small.jpg" data-src="large.jpg" class="lazyload">

// 示例代码
document.addEventListener("DOMContentLoaded", function() {
  var lazyImages = [].slice.call(document.querySelectorAll("img.lazyload"));
  if ("IntersectionObserver" in window) {
    let lazyImageObserver = new IntersectionObserver(function(entries, observer) {
      entries.forEach(function(entry) {
        if (entry.isIntersecting) {
          let lazyImage = entry.target;
          lazyImage.src = lazyImage.dataset.src;
          lazyImage.classList.remove("lazyload");
          lazyImageObserver.unobserve(lazyImage);
        }
      });
    });
    lazyImages.forEach(function(lazyImage) {
      lazyImageObserver.observe(lazyImage);
    });
  }
});

/* 示例代码 */
.touch-element {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

// 示例代码
document.querySelector('.touch-element').addEventListener('touchstart', function(event) {
  event.preventDefault();
  // 处理触摸事件
});