IE에서는 expression을 이용하여 max-width를 구현한다.
Firefox, Opera 등등에서는 max-width가 적용되며, expression은 무시된다.
<![CDATA[<html>
<style>
body {
width:100%;
margin:0;
padding:0;
}
#Wrap {
border:1px solid red;
max-width:800px;
width:expression(document.body.clientWidth > 800? "800px" : "auto");
}
</style>
<body>
<div id="Wrap">
[컨텐츠내용]
</div>
<div style="margin:0; padding:0; border:none; background:none; float:none; clear:none; z-index:0"></div>
<script type="text/javascript" src="https://tistory1.daumcdn.net/tistory_admin/userblog/userblog-39ee03342e373848ba7c0bb12e153b29db04aa6b/static/script/common.js"></script>
<script type="text/javascript">window.roosevelt_params_queue = window.roosevelt_params_queue || [{channel_id: 'dk', channel_label: '{tistory}'}]</script>
<script type="text/javascript" src="//t1.daumcdn.net/midas/rt/dk_bt/roosevelt_dk_bt.js" async="async"></script>
<script>window.tiara = {"svcDomain":"user.tistory.com","section":"글뷰","trackPage":"글뷰_보기","page":"글뷰","key":"182830-4","customProps":{"userId":"0","blogId":"182830","entryId":"4","role":"guest","trackPage":"글뷰_보기","filterTarget":false},"entry":{"entryId":"4","entryTitle":"IE 에서의 Max-Width","entryType":"POST","categoryName":"WS & SCript","categoryId":"107649","serviceCategoryName":null,"serviceCategoryId":null,"author":"186251","authorNickname":"Ming's","blogNmae":"Ming's Fragment","image":"","plink":"/4","tags":[]},"kakaoAppKey":"3e6ddd834b023f24221217e370daed18","appUserId":"null"}</script>
<script type="module" src="https://t1.daumcdn.net/tistory_admin/frontend/tiara/v1.0.5/index.js"></script>
<script src="https://t1.daumcdn.net/tistory_admin/frontend/tiara/v1.0.5/polyfills-legacy.js" nomodule="true" defer="true"></script>
<script src="https://t1.daumcdn.net/tistory_admin/frontend/tiara/v1.0.5/index-legacy.js" nomodule="true" defer="true"></script>
</body>
</html>
]]>