javascript - How to dynamically resize 3 divs on window.resize? -


मेरे पास निम्न HTML है: 

  & lt; div style = "min-width: 1024px; अधिकतम-चौड़ाई: 82%; मार्जिन: 0 ऑटो; अतिप्रवाह: ऑटो "& gt; & Lt; div शैली = "ऊंचाई: 344 पीएक्स; चौड़ाई: 100%; फ्लोट: बायां; मार्जिन-टॉप: 72 पीएक्स" & gt; & lt; / div & gt; & Lt; div शैली = "चौड़ाई: 100%; फ्लोट: बायां;" & gt; & Lt; div id = "left" class = "radius" शैली = "ऊंचाई: 700px; चौड़ाई: 220px; पृष्ठभूमि: #fff; फ्लोट: बायां" & gt; & lt; / div & gt; & Lt; div id = "मध्यम" वर्ग = "त्रिज्या" शैली = "चौड़ाई: 760 पीएक्स; पृष्ठभूमि: # एफएफएफ; फ्लोट: बाएं; मार्जिन: 0 पीएक्स 18 पीएक्स;" & gt; & Lt; div शैली = "ऊंचाई: 700px; चौड़ाई: 100%; फ्लोट: बायां" & gt; & lt; / div & gt; & Lt; / div & gt; & Lt; div id = "right" class = "radius" शैली = "ऊंचाई: 700px; चौड़ाई: 280px; पृष्ठभूमि: #fff; फ्लोट: बायां" & gt; & lt; / div & gt; & Lt; / div & gt; & Lt; / div & gt;   
 और स्क्रिप्ट:  
  फ़ंक्शन scalling () {var a = $ (window)। Width (); यदि (a & lt; '1300') {var def = a * 82/100, l = 22000 * def / 10, मी = 76000 * def / 10, p = 28000 * def / 10; $ ('# Left')। सीएसएस ('चौड़ाई', एल); $ ('# मध्यम')। सीएसएस ('चौड़ाई', मी); $ ('# दाहिने')। सीएसएस ('चौड़ाई', पी); } और {$ ('# बाएं')। सीएसएस ('चौड़ाई', '220 पीएक्स'); $ ('# मध्यम')। सीएसएस ('चौड़ाई', '760 पीएक्स'); $ ('# दाहिने')। सीएसएस ('चौड़ाई', '280px'); }} Scalling (); $ (विंडो)। Reset (फ़ंक्शन () {scalling ();});   
 यह काम करता है, लेकिन ओडीर में डिवाइज़ का आकार जोड़ता है जब खिड़की बड़ी डिवीज के लिए स्केलिंग होती है तो स्मलर होता है और जब विंडो छोटा होती है तो डिव्स बड़ा होते हैं  
 मेरे लिए क्षमा करें आप बस इस सीएसएस कथन का उपयोग कर सकते हैं:  
  @     मीडिया (न्यूनतम-चौड़ाई: 1300 पीएक्स) {चयनकर्ता {चौड़ाई: निरंतर-मान; }} @ मीडिया (अधिकतम-चौड़ाई: 1300 पीएक्स) {चयनकर्ता {चौड़ाई: प्रतिशत-मान; }}

Comments

Post a Comment

Popular posts from this blog

sql - Return Function using Cursor -

My current schedule is: USERID Department NAME Real Estimated 522 Xyz Department John Wayne 2/1/14/14 8:34 522 Investigation Department John Wayne 2/17/1411: 21 78 9Except Department Bill Smith 2/17/14 9:41 78 9 Excise Department Bill Smith 2/17/14 11:16 78 9 Excise Department Bill Smith 2 / 17/14 11:50 78 9 Excise Department Bill Smith 2/17/14 12: 18 856 Explore Department Raul Castill 2/17/14 9:25 I have to create a function which enables me to enter a user ID and that Allows the user to return data from the person. However, I want to take the first line and want to hold the actual date and then put it in the 'column' check and I also carry the last row and store it in 'Check Out' in the column call. Basically, for every day, I want to record the records in the user's time and want to take the time for each day. This is what I have done so far " return @RtnValue table (useridd integer, deptname varchar (max), emplname varchar (100), actualDate da...
Read more

javascript - Is there any way to add a new parameter to a function programmatically? -

Since I can set the number of expectations by calling a function its function.length Property, do I have to programmatically create the right number of parameters to include in that function at runtime? Example: var xyz = function (a, b) {}; Var BCD = function (A, B, C, D, E, F) {}; // vararg example var doc = document, func_length = xyz.length; Doc.xyz = (function () {returns function (A, B, C, D, E) works for one / but other is not}}}. Call (doctor); / * With `only two parameters ', like' Return function (A, B)`, if this function is used for `xyz` (although in this case 5 works fine), and return function ( If the function is used for 'BCD' (which does not work with only five parameters) with A, B, C, D, E, F) `6 / / Xyz.apply (blank, arguments) Think about ... but which logic ..? : // Returning function (A, B, C, D, E) does not support work with more than five parameters, which will be mostly class - hence my question / I also know very well That I use an obj...
Read more

sql server - How to use pivot in this table -

वास्तविक तालिका संरचना ==================== =============== slno ParnetID ParnetName संवर्धन मार्केटर 1 SLM1010S SKR.RAJASHEGARAN 2 43640 2 40049 M.KANNAN 3 43640 3 40018 M.PRABU 6 43,640 4 SLM1010S SKR.RAJASHEGARAN 2 43641 5 40042 M.KANNAN 3 43,641 6 40011 M.PRABU 6 43,641 मैं अपने प्रश्न हैं: अस्थायी रूप (slno, parentid, parentname, parentpromotionid, marketerid, (चयन गणना (*) parentmaster कहां t1.marketerid = marketerid और t1.parentid से चयन युक्त = parentid और t1.parentname = parentname और slno & lt; = t1.slno) ROWNUM के रूप में parentmaster t1 रूप से) का चयन करें marketerid, [2], [6], [3] अस्थायी धुरी से (न्यूनतम (parentid) के लिए parentpromotionid में ( [2], [6], [3])) के रूप में टी लेकिन मैं इस तालिका संरचना चाहते हैं MarketerID 2 से 6 3 43,640 SLM1010S 40,018 40049 43641 SLM1010S 40011 40042 यह आपकी मदद कर सकता है .. बाज़ार का चयन करें, [2], [3], [6] से ( मार्केटर का चयन करें, संवर्धन, ParnetID parentmaster) घ धुरी (न्यूनतम (ParnetID) ([2], [3], [6])) के ...
Read more