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

c++ - why does this code produce a runtime error? -

contains # lt; Stdio.h & gt; #to & lt include, conio.h & gt; #to & lt include, windows.h & gt; Structure node {int a; Structure node * next; }; Zero constructivist (Structure node ** head) {struct node * p, * temp; Int n; Printf ("Enter number \ n"); Scanf ("% d", & amp; n); P = (straight node *) maulok (psychophag (strip node)); P-> = N; If (* head == 0) {* head = p; P-> Next = 0; Temporary = p; } And {temp-> next = p; Temporary = p; P-> Next = 0; }} Void frontbacksplit (Structure node ** head, Structure node ** Head1, Structure node ** Head 2) {int counter = 0, i; Structure node * temporary, * p; Temporary = * head; While (temporary! = 0) {counter ++; Temporary = temp-> Next; } Int n; If (counter% 2 == 0) {n = counter / 2; } And {n = (counter + 1) / 2; } Temp = * head; (I = 0; i & lt; n-1; i ++) for {if (* head1 == 0) {* head1 = temp; } Temp = temp- & gt; next; } P = temp; Temporary = temp-> Next; P-> Next ...
Read more

java - Can Find the error -

Then my Java online class, I must include the variable and provide the set and of course get the name of the instructor's course. Welcome to the grade book for: How to get the methods, and to display the message: And this course has been presented by: Class gradebook: public class gradebook {personal string string name; Public String Course Teacher; Public gradebook (string name, string teacher) {courseName = name; Course Teacher = Teacher; } Public ZeroServer Name (string name) {courseName = name; } Public string getCourseName () {return courseName; } Public Zero Setchers Teacher (String Teacher) {Course Teacher = Teacher; } Receive public stringTeker () {return course teacher; } Public Zero Display Message () {System.out.printf ("Welcome to the Book of Grade: / n% s! \ N", getCourseName (), "This course is presented as: \ n % S \ n! ", GetCourseTeacher ()); }} Main category: import java.util.Scanner; Public grade gradebook {public static zero ma...
Read more

maximum size of array in c -

इस सवाल का पहले से ही एक उत्तर है: 7 जवाब अधिकतम सरणी क्यों बदलता है स्थानीय घोषणा और वैश्विक घोषणा से? मैंने कुछ ब्लॉग में पढ़ा है कि अधिकतम आकार के सरणी को हम घोषणा कर सकते हैं, स्थानीय घोषणा के मामले में और 10 ^ 7 से 2 * 10 ^ 8 के बीच 10 ^ 6 होगा वैश्विक घोषणा के मामले में इसके लिए क्या कारण है? ये संख्या सामान्यतः एक चीज का अर्थ नहीं है, वे विशिष्ट हैं ओएस + मशीन के लिए लेकिन स्थानीय घोषणा और वैश्विक घोषणा आभासी स्मृति के विभिन्न क्षेत्रों में की जाती है। स्थानीय वेरिएबल्स स्टैक पर हैं, जो आमतौर पर ढेर (गतिशील रूप से आवंटित ग्लोबल वैरिएबल के लिए उपयोग किए जाते हैं) से छोटा होता है
Read more