首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

自动PC端隐藏 手机端显示CSS代码判断实现

上一篇说过在pc显示,手机隐藏的css案例。最近有用的到需要在电脑上自动隐藏手机端显示的例子。...PC显示手机隐藏:自动PC端显示 手机端隐藏CSS代码判断实现实现场景描述: 有些内容部署在PC端但是有不适合在手机端显示(比如盒子过大,遮挡内容)或者手机端显示毫无意义等。...我们可以…实现方法:CSS判断控制路:.wppc{ display: none;}@media (max-width: 767px) { .wppc{ display: block !...important; }}在需要隐藏的区域加一个DIV,代码如下:你要css判断隐藏的内容在窗口大小超过767px会自动隐藏,小于则显示。...相关链接:百度知道: html+css如何能实现电脑端隐藏手机端显示PC显示手机隐藏:自动PC端显示 手机端隐藏CSS代码判断实现

3.5K10

通过Js判断客户端为PC端还是手持设备

原理 Js中获取浏览器信息字符串只要使用navigator.userAgent即可,这样我们再利用indexof来判断版本或其它信息了。...browser.versions.iPhone || browser.versions.iPad){ window.location = "http://m.zhaizhainv.com"; } 3.基本版 js...可以像下面这样(PHP实例,其他同理),判断到访问者的User-Agent为空,则返回404: <?.../help.soso.com/webspider.htm(这条可以无视,原因你懂得) 原理、标记信息等说的差不多了,剩下的靠自己啦,不管你要拿去做什么,不要让我知道哦,我什么都不知道= = 参考地址 Js...判断客户端是否为PC还是手持设备 利用JS userAgent判断识别浏览器代码 HTTP请求中的User-Agent 判断浏览器类型的各种方法 网络爬虫的请求标示

7.7K20

wordpress网站页面静态缓存后移动pc判断无效怎么办?

最近碰到这么一个问题,我们知道一个wordpress网站是可以通过判断客户端用户的UA信息来判断用户是移动还是pc设备访问的,从而可以给他展示不同的内容或者展示不同的广告,有的广告只适合在pc展示或者只适合在移动端展示...如果首次访问的是移动设备那就就是按照移动设备来生成的html内容,pc访问仍然展示该内容,这个不是我们想要的结果,但是我们知道页面只要做了真静态的html文件的缓存,那就没法在通过php来判断了,用户访问的都是那份生成的静态...html了; 其实要解决避免这个问题很容易,我们大部分使用的都是WP Super Cache超级缓存插件,当我们开启了预缓存之后实际上他就是帮你页面都生成了纯静态的html文件然后放在了网站目录下,...那么如果解决避免呢? 其实非常简单,我们只需要在设置开启一个开关他就会针对同一个页面生成2个html文件,分别是移动pc的;只需要在设置-高级中开启移动设备支持。

67020
领券