在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ 下面的代碼在webstorm中運行時圖片的寬度無法占滿全屏，而直接用記事本寫運行

下面的代碼在webstorm中運行時圖片的寬度無法占滿全屏，而直接用記事本寫運行時圖片可以占滿全屏的原因？

<html>
<head>
<style>
body,ul,li{margin: 0; padding: 0;}
.wrap{
    width: 100%;
    height: 36px;
}
img{
    width: 1366px;
    height: 36px;
}
</style>
</head>
<body>
<div class="wrap">
    <img  src="1.jpg"/>
</div>
</body>
</html>

使用google瀏覽器，電腦分辨率1366*768
用webstorm運行瀏覽器顯示效果如下，寬度沒有占滿全屏：

直接用瀏覽器打開效果，寬度正好占滿全屏：
圖片描述

不知道是不是我的webstorm有問題？

回答
編輯回答
陌如玉

你要實現(xiàn)的應(yīng)該是圖片充滿wrap類選擇器所代表的元素，你只需要設(shè)置圖片的寬度為100%即可。

2017年5月15日 06:43
編輯回答
詆毀你

這個和你編輯器沒關(guān)系。你寫的圖片1366寫死，如果顯示器像素大于1366你就占不滿了啊。

2018年6月19日 15:30
編輯回答
夢囈

首先占滿不應(yīng)使用固定長度而應(yīng)該繼承父元素或者寬度100%，webstorm和記事本總而言之是代碼是在瀏覽器中運行的，同一個瀏覽器，同樣的代碼，不會顯示不一樣的界面

2017年11月11日 20:55
編輯回答
尐潴豬

首先這段代碼最終是在瀏覽器中運行的，跟你的編輯器沒有關(guān)系。

我們來分析，wrap是100%寬，是現(xiàn)對于父級的body的100%，也就是說wrap和body保持同寬

圖片width寫死了1366px，這個寬度可能超過wrap，也有可能不夠

那么當(dāng)電腦屏幕的viewport大于1366，圖片顯然撐不開，反之小于1366將無法全部顯示

筆記本電腦大概率是1366所以剛好，但是如果有的瀏覽器包含一些奇奇怪怪的邊欄就不足1366了

2017年3月4日 17:50