文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

手机端页面自适应布局---rem

否则，页面中html的font-size大小为：100*（当前页面宽度 / 640）。 1....为什么是640px 对于手机屏幕来说，640px的页面宽度是一个安全的最大宽度，保证了移动端页面两边不会留白。注意这里的px是css逻辑像素，与设备的物理像素是有区别的。...根据上面的js代码，如果页面宽度低于640px,那么页面中html的font-size也会按照（当前页面宽度/640）的比例变化。...一般导航栏不用rem，而是用flex布局，这是因为导航栏点击最多，所以给他一个固定的大小（高度固定，宽度自适应）。...大家可以看看淘宝的这个手机页面 淘宝手机站，基本就是这种感觉，底部导航和顶部搜索框用的高固定，宽自适应的方案，其余的部分基本都是随着浏览器宽度变化在等比例缩放。 最终页面代码首页代码大致如下 <!

2.6K52
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    自适应页面高度

    困扰了我很久的问题：我很想让一个框架左侧的菜单（控件或者是折叠的LI或者别的），能够自动适应浏览器的变化。因为即使是同一分辨率，页面中的实际高度也不同。...基本上是这两类：       1、页面中嵌了IFrame，希望Iframe不出现滚动条，大小刚刚和页面大小一样，这个基本方法，都是用页面的document.body.scrollHeight属性来完成的...所以我需要的刚好相反：我要让Iframe的大小刚好等于浏览器页面的大小。       理论上讲，document.body.clientHeight可以解决这个问题，但实际上不行。       ...2、基本讲的都是用CSS来自适应页面高度，这里不是这个问题。       ...（parent……），对于一些将主页面和嵌入式页面放在不同主机的用户来说，就不能使用了，因为这是一个跨域访问     方法二是一种不错的办法，但由于不需要和主页面通信，当主页面显示速度很快时，嵌入式页面的

    4.1K70

    页面重构-让我们的布局自适应

    回味 2017年3月，百格教育的手机端网站，是我接到的第一个公司外包的项目。...这次的项目不大，但是内容还是比较多的（今年我大一，对我来说一个能学到很多东西项目才是最好的项目，至于现在挣多少外快，都是次要的） 先提到一个经典的基础布局-自适应高度（大家不要见笑） ? <!...8大方法：http://www.divcss5.com/html5/h20001.shtml 昨天晚上读了张鑫旭的CSS流体(自适应)布局下宽度分离原则、页面重构的三无准则获益匪浅，对流体布局有了新的认识吧...这个作品可以帮你仔细分析下几种页面重构布局的差异： http://wow.techbrood.com/fiddle/fork?...id=25477； 总结 页面重构的方法和技巧有很多，自己应该保持一个谦卑的心，在重构的道路路上走下去。 ? 一千张，我还差好多好多； ?

    1.2K100

    使用weinre调试手机页面

    功能与Firebug及chrome调试器类似，可以帮助我们即时更改页面元素、样式，调试JS等。 工作原理 ?...待调试的页面。你需要在页面中嵌入一小段js。它将通过XHR方式与debug server通信，进行调试信息的收发。 安装 安装十分方便。以linux机器为例，首先你需要有node.js。...假设我们要调试的页面运行在10.136.30.144:3927 页面中引入js后，用手机浏览器打开待调试页面 http://10.136.30.144:3927/new 4....开始调试 手机访问页面后，我们回到步骤2中所说的调试界面。发现此时，targets中多了一条，即是我们在步骤3中用手机打开的待调试页面。 ?...用手机连续访问多页面，这些页面都会在targets中列出，选中其中一个，即可进行调试。 2. 点击调试页面中的remote, 可以从调试页面切回targets列表。 3.

    1.7K30

    Asp.net前端页面开发总结

    div+css 页面布局对于用户来说是最直观的。用户虽然不懂技术问题，但对于界面是否简洁美观，人性化，有没有功能上的错误，他们具有绝对的发言权。...界面也是最不好做的部分，必须对于各种浏览器适应，否则，界面一定会送你“惊喜”，这样的惊喜会让你心情澎湃。调整页面布局绝对是前台制作的重头戏，当然，我们需要做到在各种浏览器之间游刃有余。...javascript常用来完成读写HTML元素、嵌入动态文本于HTML页面、对浏览器事件作出响应、验证数据和控制cookies，包括创建和修改等。...3.不说不可以用Asp.net，由于ASP.net控件的功能远比HTML控件强大，有些地方就需要用Asp.ent的控件，例如：上传文件等。...总结： web页面真的很简单，只要时刻为用户着想。在我看来：没有做不好的页面，只有不用心的程序员。。。

    3.3K10
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

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

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

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

      领券