【项目学习】响应式布局网页问题汇总及解决

最新推荐文章于 2022-10-31 12:57:35 发布

Pang Pang Zhu

最新推荐文章于 2022-10-31 12:57:35 发布

阅读量894

点赞数

分类专栏：项目学习文章标签： javascript css html5 html es6

本文链接：https://blog.csdn.net/weixin_44813929/article/details/109343632

版权

项目学习专栏收录该内容

7 篇文章 0 订阅

订阅专栏

一.index页面占满页面但是格式乱了

1.为什么在mac Chormn 和 Windows Chormn 格式不统一?

问题：在不同的分辨率下，布局会乱掉。
原因：
    1.绝对定位可能影响到了布局
    2.宽度设为100%,并且逐一查看是否有margin影响布局.
解决方法:
    1.@media 对不同分辨率设置不同的样式表
    2.设置定宽

2.login页面打开F12 背景图片高度变小,随控制台页面大小拉伸,登录框溢出背景图片?

解决方法: 固定父级的高度,背景图片高度
问题：不同的分辨率下，图片高度显示变化
原因:
     1.@media 对不同分辨率设置不同的样式表
    2.设置定宽

3.select 如何获取option的值(jquery)

<body>
    <select name="region" id="select">
    <option value="选择" title=”“>-选择-</option>
    <option value="中国" title="">中国</option>
    </select>
</body>
<script>
    var region=$("#select").val();
</script>

拓展：:获取select值的四种方法

<select id="select">
    <option value="123">456</option>
</select>

var a = $('#select').val();    // 结果为 123
var b = $('#select option:selected').val();    // 结果为 123
var d = $('#select option:selected').attr('value');    // 结果为 123
var c = $('#select option:selected').text();    // 结果为 456

Pang Pang Zhu

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
【项目学习】响应式布局网页问题汇总及解决

一.index页面占满页面但是格式乱了1.为什么在mac Chormn 和 Windows Chormn 格式不统一?问题：在不同的分辨率下，布局会乱掉。原因： 1.绝对定位可能影响到了布局 2.宽度设为100%,并且逐一查看是否有margin影响布局.解决方法: 1.@media 对不同分辨率设置不同的样式表 2.设置定宽2.login页面打开F12 背景图片高度变小,随控制台页面大小拉伸,登录框溢出背景图片?解决方法: 固定父级的高度,背景图片高度问题：不
复制链接

扫一扫