首页
学习
活动
专区
圈层
工具
发布

全面兼容手机端访问与toTop

今天完成了一个重要的大工程,那就是我的网站已经可以全面兼容手机端访问啦!虽然可能不是很好看,至少完成了应该有的功能。...162, 162); box-shadow: 4px 6px 20px rgba(0,0,0,.5); transform: rotateZ(360deg); } } 适配手机端访问...,我这里将端就以手机端的UI方式显示。通过调节每个页面的组件,来实现不同端的访问效果。同时还有flex弹性盒子布局也是经常用的,因为它能够有着很强的适应能力。...对于html的转换,则是基于 document.body.clientWidth > 800 的结果进行判定是否为手机端从而进行不同的处理。    ...此外,首页在手机端无需添加,我以动态页作为手机访问的首页,所以每次访问/时,需要将路由转走,采用如下逻辑。

1.4K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    如何使用Android手机通过JuiceSSH远程访问本地Linux服务器

    处于内网的虚拟机如何被外网访问呢?如何手机就能访问虚拟机呢? cpolar+JuiceSSH 实现手机端远程连接Linux虚拟机(内网穿透,手机端连接Linux虚拟机) 1....Centos7/8及以后版本,树莓派最新官方镜像,及支持systemd的新式Linux操作系统,该脚本会自动判断CPU架构(i386/amd64/mips/arm/arm64等等),自动下载对应cpolar客户端,...cpolar web UI管理界面(如果访问不了,关闭一下防火墙),如果没有账号点击免费注册创建一个账号。...JuiceSSH公网远程连接 在手机端,我们下载JuiceSSH,软件,下载软件可以在网上搜索下载,下载后打开软件,我们可以看到快速连接,点击快速连接 点击后,把我们上面创建的cpolar公网地址输入进去...[] 点击确定后,提示我们需要输入用户名对应的密码,然后点击确定 加下来成功连接上了我们的Linux服务器,这里以Ubuntu系统为例子,这样一个通过手机远程ssh 访问Linux服务器的地址就设置好了

    2.9K00

    自己的电脑手机作为服务器,搭建WEBFTP,并通过域名访问

    一台服务器(电脑可以使用虚拟机,手机安卓可以使用KSWAB,苹果未知) 推荐使用闲置的安卓手机,废物利用,而且还不耗电。(KSWAB正版需要购买(推荐),但吾爱也有破解版) 2.   ...首先在服务器上创建一个网站,域名为你要解析的网站 注意:需要绑定SSL,否则外网无法访问(原因后面介绍) ? ? 查看下服务器的本地IP(局域网) ?...路由器上设置转发,转发IP为你的内网服务器的IP(192.168.2.2) ? 查看你的公网IP为多少,为后面的域名解析用 ?...开始享受自家IP,高配置的服务器了。 注意:国内的服务器是需要备案才可以在网络上使用的,但是使用https协议访问,就能完美解决此尴尬的事情。...因为不备案,80 特别注意:此方法适合各种未备案服务器,但是未知可能性居多,所以推荐乖乖备案。 但此教程没有使用固定IP,所以风险较小,请放心使用(理论上) 教程结束!!!!!!!

    8.4K40

    自己的电脑手机作为服务器,搭建WEBFTP,并通过域名访问

    一台服务器(电脑可以使用虚拟机,手机安卓可以使用KSWAB,苹果未知) 推荐使用闲置的安卓手机,废物利用,而且还不耗电。(KSWAB正版需要购买(推荐)) 2.   ...http://cloud.tencent.com/act/pro/voucherslist 教程开始 拓扑图 首先在服务器上创建一个网站,域名为你要解析的网站 注意:需要绑定SSL,否则外网无法访问...(原因后面介绍) 查看下服务器的本地IP(局域网) 路由器上设置转发,转发IP为你的内网服务器的IP(192.168.2.2) 查看你的公网IP为多少,为后面的域名解析用 云解析 http...(不在同一局域网中) 注意:需要添加https:// 开始享受自家IP,高配置的服务器了。...注意:国内的服务器是需要备案才可以在网络上使用的,但是使用https协议访问,就能完美解决此尴尬的事情。

    7K00

    网页自适配手机端

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

    4K30
    领券