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

同一个网站,手机跟电脑显示不同是怎么实现的?

同一个网站,手机跟电脑不同是怎么实现的? 常见的方式有三种: 1,自适应网站 同一套代码,自动实现手机和电脑的布局自动调整。...例如:openGPS.cn 网站现在大部分页面已经支持自适应展示,手机电脑都可以访问本站内容,正常阅读。...这种结构本质还是一个网站,但是针对手机电脑客户单独做了往往对应的一套目录,例如: 电脑站点地址一般是:www.domain.com/xxxxxxx 手机站点地址往往是:www.domain.com/m.../xxxxxxx 3,手机站点使用二级域名,电脑手机各一套2套站点代码 这种做法,工作量跟二级目录基本相似,严格来说代码量稍微多点。...例如: 电脑网站域名是:www.domain.com 手机网站域名是:m.domain.com 原文地址:https://www.opengps.cn/Blog/View.aspx?

4.3K30

网页自适配手机

博客在手机打开一直不能适配,手机上访问的体验很不好。今天把博客的大部分页面都加了自适配手机,只要修改每个页面的css 即可。 之前大概知道怎么去改,但是页面太多实在觉得麻烦,就一直没有去改。...当初做博客的时候也没有考虑到手机访问的重要性,所以现在虽然能改,但是也是缝缝补补。 一直想换一套模板的,又觉得要做的实在太多了。不过要想在手机上完美体验还是需要重新做一套前端了,现在先这样用着。...之前呢,考虑到很多人通过链接在手机上打开了我的博客,为了让他们访问加了个电脑访问的提示。通过js判断是否手机打开,如果是就弹窗提示。...css最烦的就是调来调去还差点的,特别是屏幕宽度,就很无语~ 手机适配的话先加个meta viewport。...移动的布局不同于pc,首先我们要知道在移动中,css中的1px并不等于物理上的1px,因为手机屏幕的分辨率已经越来越高,高像素但是屏幕尺寸却没有发生太大变化,那就意味着一个物理像素点实际上塞入了好几个像素

2.5K30
领券