文章 专题 AI工具 学习 下载 问答 源码 最近更新
PHP
会员中心 讲师中心 微信公众号
前端 - div宽度设置成百分比问题
PHP中文网
PHP中文网 2017-04-17 13:30:18
[HTML讨论组]
0 4 1731
举报

今天做一个页面时，一个p的width设置成70%，屏幕宽度是1366px，所以这个p宽度是956px左右，这没什么问题。但是当做自适应缩小屏幕时，p的宽度并不是屏幕的70%，这是怎么回事。

PHP中文网
PHP中文网

认证0级讲师

全部回复(4)
巴扎黑
巴扎黑2017-04-17 13:32:18 4楼

自己解决了一下，谷歌浏览器再不加meta name="viewport"标签进行设置的话，缩放比例会有问题，火狐浏览器则没影响。

赞 +0
添加回复
天蓬老师
天蓬老师2017-04-17 13:32:18 3楼

width百分数单位是相对于其父元素宽度而算出的，当这个p的父元素就是Body时，应该就是浏览器窗口宽度的70%了

赞 +0
添加回复
高洛峰
高洛峰2017-04-17 13:32:18 2楼

屏幕缩小了，你设置的70%就按照你当前宽度*70%，而不是之前的956px了

赞 +0
添加回复
高洛峰
高洛峰2017-04-17 13:32:18 1楼

给父元素设置width 100%

赞 +0
添加回复
专题推荐
更多>
热门话题
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
app下载
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部