技术松鼠公告

QQ小程序发布啦!欢迎使用



朕已阅 去瞧瞧

手机和电脑网站显示不同画面

149次阅读
没有评论

站长大多有手机和电脑网站显示不同画面的需求,下面介绍几种方法宫大家参考。

一、CSS法

控制手机端显示不同画面

@media all and (min-width: 481px) and (max-width: 768px) {
  #xxx,.xxx {
  /*style*/
  }
}

二、PHP法

如果是WordPress网站,很简单

<?php if ( wp_is_mobile() ){ ?>
  //mobile code
<?php }else { ?>
  //pc code
<?php } ?>

如果不是WordPress网站,则在头部定义函数

function wp_is_mobile() {
	if ( empty( $_SERVER['HTTP_USER_AGENT'] ) ) {
		$is_mobile = false;
	} elseif ( strpos( $_SERVER['HTTP_USER_AGENT'], 'Mobile' ) !== false // Many mobile devices (all iPhone, iPad, etc.)
		|| strpos( $_SERVER['HTTP_USER_AGENT'], 'Android' ) !== false
		|| strpos( $_SERVER['HTTP_USER_AGENT'], 'Silk/' ) !== false
		|| strpos( $_SERVER['HTTP_USER_AGENT'], 'Kindle' ) !== false
		|| strpos( $_SERVER['HTTP_USER_AGENT'], 'BlackBerry' ) !== false
		|| strpos( $_SERVER['HTTP_USER_AGENT'], 'Opera Mini' ) !== false
		|| strpos( $_SERVER['HTTP_USER_AGENT'], 'Opera Mobi' ) !== false ) {
			$is_mobile = true;
	} else {
		$is_mobile = false;
	}
	return $is_mobile;
}
松鼠小
版权声明:本站原创文章,由松鼠小2021-08-26发表,共计812字。
转载提示:除特殊说明外本站文章皆由CC-4.0协议发布,转载请注明出处。
评论(没有评论)
隐藏
变装