css判断手机与电脑样式,css判断手机还是电脑

小程序：扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序

CSS,电脑上和手机上不一样

建议你加个@media (max-width: 767px) {这里是样式代码}如下：

@media (max-width: 767px) {

.nav{display:none;}

.nav{width:120px;left:none;right:50px;}

.ym8_nr1{width:90%;}

}

这段代码的意思是当屏幕宽度小于767px时执行里面的css代码，你在这里调手机宽度的css就行了

css判断是手机还是电脑横竖屏

一个是媒体查询，但是这个只能判断尺寸，并不能判断是不是移动设备。

再用就是使用js控制

/**

* 判断是够是pc设备

function IsPC() {

var userAgentInfo = navigator.userAgent;

var Agents = ["Android", "iPhone","SymbianOS", "Windows Phone", "iPod"];

var flag = true;

for (var v = 0; v Agents.length; v++) {

if (userAgentInfo.indexOf(Agents[v]) 0) {

flag = false;

break;

}

if(window.screen.width=768){

flag = true;

}

return flag;

}

手机和电脑采用不同的CSS样式 ,用style="",或内链写法

你所说的内链是指在一个css文件中引用另一个css文件吗？

可以这样写

@import url;

@import url list-of-media-queries;

这是用法介绍

@import

建了一个网站，手机上打开跟pc上打开格式不一致，是不是css哪儿有问题呢？

我也碰到这个情况，客户反映给我，也是头大，最后被我解决了，在全局样式的body上添加个样式min-width: 1100px; 当然我这里说的1100px,并不一定得是1100你可以根据你的网页最大宽度来定义这个数值！

css判断是否是电脑还是移动设备

本文实例讲述了javascript判断移动端访问设备并解析对应CSS的方法。分享给大家供大家参考。具体分析如下：javascript判断不同web访问环境，主要针对移动设备，提供相对应的解析方案（判断设备代码直接copy腾讯网的）：复制代码代码如下:// 判断是否为移动端运行环境 if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) (/MIDPSymbianOSNOKIASAMSUNGLGNECTCLAlcatelBIRDDBTELDopodPHILIPSHAIERLENOVOMOT-NokiaSonyEricssonSIE-AmoiZTE/.test(navigator.userAgent))){ if(window.location.href.indexOf("?mobile")0){ try{ if(/AndroidwebOSiPhoneiPodBlackBerry/i.test(navigator.userAgent)){ // 判断访问环境是 AndroidwebOSiPhoneiPodBlackBerry 则加载以下样式 setActiveStyleSheet("style_mobile_a.css"); } else if(/iPad/i.test(navigator.userAgent)){ // 判断访问环境是 iPad 则加载以下样式 setActiveStyleSheet("style_mobile_iPad.css"); } else{ // 判断访问环境是其他移动设备则加载以下样式 setActiveStyleSheet("style_mobile_other.css"); } } catch(e){} } } else{ // 如果以上都不是，则加载以下样式 setActiveStyleSheet("style_mobile_no.css"); } // 判断完毕后加载样式 function setActiveStyleSheet(filename){document.write("＜link href="+filename+" rel=stylesheet＞");}加载页面：复制代码代码如下:script type="text/javascript" if(/AppleWebKit.*mobile/i.test(navigator.userAgent) (/MIDPSymbianOSNOKIASAMSUNGLGNECTCLAlcatelBIRDDBTELDopodPHILIPSHAIERLENOVOMOT-NokiaSonyEricssonSIE-AmoiZTE/.test(navigator.userAgent))){ if(window.location.href.indexOf("?mobile")0){ try{ if(/AndroidwebOSiPhoneiPodBlackBerry/i.test(navigator.userAgent)){ window.location.href="手机页面"; }else if(/iPad/i.test(navigator.userAgent)){ window.location.href="平板页面"; }else{ window.location.href="其他移动端页面" } }catch(e){} } } /script希望本文所述对大家的javascript程序设计有所帮助。