使用@media
@media是CSS3中引进的一个特性,称为媒体查询,可以直接写在<style></style>中间或者外部样式文件中。例如,查询媒体是否是屏幕,屏幕尺寸是否小于960px:
@media screen and (max-device-width:968px){ /* 手机端CSS代码 */ }
以上就是最经典判断是电脑端还是手机端。
备注:960px只是一个大概的数值,如果要做到完美适配还是要看显示屏。
邮箱地址不会被公开。 必填项已用*标注
评论
名称 *
电子邮件 *
站点
在此浏览器中保存我的姓名、电子邮件和站点地址。
技术交流群:570946025