文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    PageAdmin Cms网站制作教程：实现Pc手机端加载不同的模板

    好处：只需要写一套模板，维护一个网站，工作量比较小。 弊端：响应式网站要么偏重pc端，要么偏重移动端，很难在两个端都能获取到良好的浏览体验。...二、pc、移动两个网站 一般政府，学校或中大型网站多采用这种方式，一个pc站，一个手机站，分别用不同的域名，或者子目录形式访问，不同的访问端打开不同的站点，页面地址完全不一样。...现在需要改进是的：能否在同一个url地址，然后根据浏览设备加载不同的模板呢，pc端浏览加载pc的模板，手机端浏览加载手机模板？...1、首先在模板目录下，新建一个名为：首页的文件夹，文件夹下新建两个文件，index.cshtml和index.mobile.cshtml，如下图： 这里有个命名约定规则，手机端命名必须是 *.mobile.cshtml...现在测试一下效果，先用电脑浏览器打开首页，效果如下： 然后浏览器切换到移动端模板，刷新一下页面，效果如下： 模板会自动根据浏览设备来加载不同的模板，不只普通模板页面支持这种方式，Pageadmin的母板页模板

    3K40

    网页自适配手机端

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

    4K30
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

      领券