不用跳转方法如何实现手机站与pc站之间的无缝切换
以这个站为例:
http://tslogo.com/gen/
这是pc站
然后我用手机站的ua去访问:
然后这是手机站
就是这样的
但是他的域名http://tslogo.com/gen/
都没有变化
感觉前端代码都也没什么变化
请问他是怎么优雅的实现的切换呢?
按照的理解 ,都是做域名跳转, 比如访问www.的时候,做判断跳转到m.开头的二级域名,但是他这个完全没有变化!
直接用响应式CSS来开发会更方便,使用CSS本身的媒体查询属性来进行样式的控制
楼主提供的这个网址,在960、1024这两个宽度的时候都手动地修改了相应的CSS
具体查看:http://tslogo.com/gen/wp-cont...
而且他这个加载是在打开页面的时候进行设置的,也就是说如果窗口进行了Resize,也没有对应的响应式样式。
看一下我的博客:http://sheilacat.github.io/
我博客直接套用了某个hexo主题,然后hexo主题本身是响应式的
媒体查询代码:
具体查看:
http://sheilacat.github.io/cs...
个人感觉媒体查询已经很优雅了,但是基本上前后风格还是差不多的。
如果前后风格差距较大的,可以选择根据网站宽度来加载不同的CSS。
只能说网站使用了 PC跟移动兼容的前端框架
可以做成, 响应式布局。
前端响应式布局啊
php代码判断,判断浏览器头,你看的网站不是css自动适配,属于最低级的实现方法,就是各写各的
做成响应式布局的话会更灵活,不需要判断UserAgent,显示效果随设备分辨率改变而改变. 不过IE8浏览器不支持CSS3媒体查询,要支持小分辨率下IE8可以考虑用百分比布局和JS控制样式. 好在移动设备上没有IE8,所以手机平板的网站可以忽略对小分辨率下IE8的支持,也就是说可以用媒体查询.
有两种实现方式:
玩蛇网文章,转载请注明出处和文章网址:https://www.iplaypy.com/wenda/wd14013.html
相关文章 Recommend
- • Python什么方法可以快速将两个队列变成字典
- • 求更好的python 字典满足条件值的相加方法
- • 不要每天都kill进程,python消息队列服务退出还有什
- • 为什么读取通过cookielib方法得到的cookies返回值是
- • 关于web.py性能优化方法大家闲聊讨论下
- • 用Python方法获取桌球游戏坐标怎么写?
- • Flask中的URL部分什么方法可以让它支持正则
- • type()方法不是python最好的判断变量类型方法吗?
- • MySQL小问题,fetchone怎么返回到dict中的方法?
- • 自动检测当前运行环境版本的python方法是什么
- • Python字典操作的问题,要删除字典内部重复值ite
- • python哪种方法可以实现同php中__call函数一样的功
必知PYTHON教程 Must Know PYTHON Tutorials
- • python 解释器
- • python idle
- • python dir函数
- • python 数据类型
- • python type函数
- • python 字符串
- • python 整型数字
- • python 列表
- • python 元组
- • python 字典
- • python 集合
- • python 变量
- • python print
- • python 函数
- • python 类定义
- • python import
- • python help
- • python open
- • python 异常处理
- • python 注释
- • python continue
- • python pass
- • python return
- • python global
- • python assert
- • python if语句
- • python break
- • python for循环
- • python while循环
- • python else/elif
- • lambda匿名函数
必知PYTHON模块 Must Know PYTHON Modules
- • os 模块
- • sys 模块
- • re 正则表达式
- • time 日期时间
- • pickle 持久化
- • random 随机
- • csv 模块
- • logging 日志
- • socket网络通信
- • json模块
- • urlparse 解析URL
- • urllib 模块
- • urllib2 模块
- • robotparser 解析
- • Cookie 模块
- • smtplib 邮件
- • Base64 编码
- • xmlrpclib客户端
- • string 文本
- • Queue 线程安全
- • math数学计算
- • linecache缓存
- • threading多线程
- • sqlite3数据库
- • gzip压缩解压
最新内容 NEWS
- • django app提供pv信息的方法是什么
- • Django项目版本升级如何操作?
- • django较多数据传递如何优雅的呈现
- • django1.7获取参数问题求助
- • Django1.7使用内置comment遇到问题
- • python mysql数据库做insert操作时报_mysql_ex
- • 关于python mysql的duplicate insert机制的疑问
- • pymongo使用insert函数批量插入被中断要怎么
- • Python程序员解决棘手问题的常用库
- • 求助关于restfull api接口几个问题
图文精华 RECOMMEND
-
django1.7获取参数问题求助
-
Python程序员解决棘手问题的常用库
-
求问str()同__str__原理上有什么不同
-
scrapy框架里面用link extractor怎么能
-
python {}.fromkeys创建字典append添加操
-
python3 类型Type str doesn't support th
热点文章 HOT
- 学习Python有什么好的书籍推荐?
- Python匿名函数 Lambda表达式作用
- Python与Java、C、Ruby、PHP等编程语言有什么
- Python 正则中文网页字符串提取问题
- 如何为实时性应用存取经纬度?django my
- 想用python做个客户端,在二维码登录这个地
- 有让IDE可识别Python函数参数类型的方法吗
- Python字符串转换成列表正则疑问