css如何让元素块根据自身向下,向右同时移动50pc？

html-css014

css如何让元素块根据自身向下,向右同时移动50pc？,第1张

方案一：

div{margin:50pc 0 0 50pc}

方案二：

div{

position: relative

top: 50pc

left: 50pc

}

方案三：

div{

transform: translate(50pc,50pc)

}

本文实例讲述了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程序设计有所帮助。

移动规则？意思是给移动端另外定义一套css？

很多办法，比如说判断一下请求来自手机端的还是PC端的，然后加载相应的css文件，或者使用css中的media媒体查询，根据屏幕大小来应用不同的样式