一個Portal site, 在1024 * 768 解析度情況下,顯示很大的捲軸. 1280 * 1024 正常顯示.
在這兩個解析度,我對比了一下,發現頁面字型太大,Menu之間 空格太多, 如果把字型 設定小一點 , 空格去掉.在1280下面又不好看.
思考之後,我決定寫兩個css.一個是在1024下面時候,一個在1280下面.
首先, 刪除現有的CSS.我用的Master 是BlueBland.master(不同的模板,有不同的主CSS),它用的主CSS是
<SharePoint:CssRegistration name="<% $SPUrl:~sitecollection/Style Library/~language/Core Styles/Bland.css %>" runat="server"/>
然後,在<Head>標記裡面加下面的代碼:
<script type="text/javascript">
var head = document.getElementsByTagName('HEAD').item(0);
var style = document.createElement('link');
if(window.screen.width<1025)
{
style.href = '/Style%20Library/en-US/Core%20Styles/Band.css';
}
else
{
style.href = '/Style%20Library/en-US/Core%20Styles/Band1280.css';
}
style.rel = 'stylesheet';
style.type = 'text/css';
head.appendChild(style);
</script>
Ok,儲存Master ,然後發布.這樣就在不同的解析度情況下用不同的CSS.
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
